D3 Implementation

The averge response time in each neighborhood 2010-2019

The averge response time in each neighborhood 2010-2019


by Kate Luo, Mar 2, 2020
Explore the averge respond time on each neighborhood to show whether San Francisco Fire Department's recource distribute evenly

This is a common scenario in fire departments across the country. A resident has a fire or emergency medical situation and calls 9-1-1, call in take information is gathered, the tones go off, crews are dispatched, and firefighters turn out and arrive on scene to mitigate the situation. The response time, it is the most strightforward aspect to see how fast or slow does San Francisco Fire Department to handle emergencies. Also, we alo want to know which county have high respond time and which county have lower one. Therefore, we can explore which county maybe need more support to handle these incidents or emergencies.

Interactive struction

Filter Interactive: In this line chart, I create a graphical user interface element: filter. The user could just right click the "rect" of each neighborhood which will draw the corresponding averge respond time.

Brush & Zoom: In this line chart, I create a graphical user interface element: Brush & Zoom. Converted the Brush & Zoom area chart block to work with line charts and combining d3-brush and s2-zoom to implement focus + context.


Tips: if you have some difficulty clicking the rect, refresh the page will help you out.


D3 implementations for data visualization