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 Single Type: Graphical Displays #537

Open dannycpham opened 1 year ago

dannycpham commented 1 year ago

User Story

As a user, I want to be able to visualize 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 a line chart displaying the data with the area under the line highlighted. I want appropriate axis labeling correct zooming.

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 a horizontal bar chart with the top 5 violation types for the area selected.

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 select Total # Citations, then, I expect a line chart to appear with the data correctly visualized.

Design References

Figma

Technical References

No response

Additional Information

No response