A set of React components powering a web app for exploring centralized, standardized metrics on the performance of justice systems across the United States
Is your feature request related to a problem? Please describe.
As described in the PRD, there is a set of line graphs at the bottom of the component which are updated based on interactions with nearby components, and which display a set of metrics over time.
Describe the solution you'd like
This chart should be built using either Semiotic or ChartJS, whichever one we think can more easily fit the mocks exactly. Each chart has multiple related lines on it and a legend for understanding those lines. More functionality is described in the PRD.
There should also be a time range selector with options of "1 year" (the default) or "5 years" or "All time" that determines how many data points appear in the graph.
Describe alternatives you've considered
The main choice here is the charting library to use. We should pick whichever one can match the mocks exactly, with less work. Chart JS is fairly opinionated in the look-and-feel that it provides, whereas Semiotic has more flexibility. However, Semiotic also has a steeper learning curve so may take more effort.
Additional context
The exact set of graphs and their lines is still being finalized in the PRD
Is your feature request related to a problem? Please describe. As described in the PRD, there is a set of line graphs at the bottom of the component which are updated based on interactions with nearby components, and which display a set of metrics over time.
Describe the solution you'd like This chart should be built using either Semiotic or ChartJS, whichever one we think can more easily fit the mocks exactly. Each chart has multiple related lines on it and a legend for understanding those lines. More functionality is described in the PRD.
There should also be a time range selector with options of "1 year" (the default) or "5 years" or "All time" that determines how many data points appear in the graph.
Describe alternatives you've considered The main choice here is the charting library to use. We should pick whichever one can match the mocks exactly, with less work. Chart JS is fairly opinionated in the look-and-feel that it provides, whereas Semiotic has more flexibility. However, Semiotic also has a steeper learning curve so may take more effort.
Additional context The exact set of graphs and their lines is still being finalized in the PRD