Closed kelseylc closed 4 years ago
Note: When Location === All, each section of the pie is the count of volunteers from each hacknight.
If the user filters to a single location, the donut chart should be filled with 1 color, matching the location selected.
Also, the legend below the chart will now only show the 1 location with the count for that single location (which in the case of having a single location selected, will be duplicative to the chart header)
As an admin user, I want the dashboard to show key metrics in a chart visualization, so that I can easily see the count of total volunteers across brigades (and global filters on this chart as desired).
Link to Wireframes: https://www.figma.com/file/9c6pxjImN8MjHAZLH7zxYm/VRMS-Mocks?node-id=22881%3A2738
Action Items:
[x] Build a chart called "Total Volunteers" that shows the count (n) of total volunteers as a numerical value to the right of the chart title. --- Chart Title: Total Volunteers --- n = COUNT of distinct(userid) across all HackforLA locations for all time. --- Include a legend below the donut chart with the count by location for each hacknigiht location.
[x] All charts should display color split across the 3 Hack for LA brigades. Either existing blue monochrome is fine (from wireframe), or we can experiment with the Code for America tri-color theme: --- DTLA: F9F9F9 --- Westside: 005A87 --- South LA: CD1F42
[x] This chart needs to react to the 2 global data filters (Location & Date Range picker) --- Note: the global location filter is filtering on the hacknight field from this same table, allowing the SUM(hours) to be filtered by HackforLA location.
Acceptance Criteria: As a user, I should now see in the VRMS admin dashboard a chart like so, underneath the global location filters: