hackforla / lucky-parking

Visualization of parking data to assist in understanding of the effects of parking policies on a neighborhood by neighborhood basis in the City of Los Angeles
https://www.hackforla.org/projects/lucky-parking.html
34 stars 60 forks source link

UI Compare Mode: Graphical Displays #536

Open dannycpham opened 1 year ago

dannycpham commented 1 year ago

User Story

As a user, I want to be able to compare data with meaningful graphs and charts to display the data in an easy to read format.

Description

As a user, I want to see data display differently for different types of citations.

If I click on Total # Citations, I want to see 2 line charts superimposed on top of each other, showing a comparison of the two regions. This chart would have a legend and follow the date range set.

If I click on Citations by Population (Density), (TO BE DECIDED WITH PRODUCT AND UI)

If I click on Citations by Population (Density), (TO BE DECIDED WITH PRODUCT AND UI)

If I click on Violation Type, I want to see 2 horizontal bar charts with region 1 data on top and region 2 data at the bottom. Both bar charts would have different colors, per the figma, to show the different regions.

If I click on Total $ Fine Amount, (TO BE DECIDED WITH PRODUCT AND UI)

If I click on Fine $ Amount by Population (Density), (TO BE DECIDED WITH PRODUCT AND UI)

If I click on Day of the Week, (TO BE DECIDED WITH PRODUCT AND UI)

Acceptance Criteria

  1. If I change the data type, then I expect to see different visualizations of the data.

Design References

Figma

Technical References

No response

Additional Information

No response