San Francisco Fire Department Calls for Service (2016 - 2018)

The Data Vizards

Gudbrand's D3 Visualization 1

Interpretation

The number of Records axis represents the total amount of records for a month calculated from 2016-2018 for a specific neighborhood. The x-axis represents the different months. The graph shows the top 10 neighborhoods that had the highest total count of records recorded. Each neighborhood is represented with a line and a unique color.

Interactivity

1. Hover over each marker to display neighborhoods number of records for that month.
2. Hover over each line to highlight a specific neighborhood.
3. Hover over each a legend to highlight a that neighborhood line.

Credits

D3 v4 Multi Line Chart by @Zakaria Chowdhury
Interactivity by @sjengle

Gudbrand's D3 Visualization 2

Interpretation

The number of Records axis represents the total amount of records for a month calculated from 2016-2018. The x-axis represents the different months. The graph shows the top 10 neighborhoods that had the highest total count of records recorded. Each neighborhood is represented with a unique color.

Discussion

During our midterm beta demo, I received some feedback that having a line chart and a stacked bar chart for the same data was very useful. This was because the stacked bar chart made it easier to analyze a specific month and the line chart made it easier to focus on a specific neighborhood.

Interactivity

1. Hover over a segment to display a tooltip with the neighborhood and record count.

Credits

Interactivity by @sjengle