MENU

D3 Implementation

The trends of averge. arrive time after response and averge response time Vs The trends of total nunber of emergencies and total population for 2010-2019

The Averge Response time and Arrive time for emergencies 2010-2019

by Kate Luo, Mar 2, 2020
Interactive struction

ToolTips(infotip)In this line chart, I create a graphical user interface element: tooltip. When you hovers over an item, without clicking t, and a tooplip which including the year of call data, the averge of respond time, the averge of arrive time and total number of emergencies will appear.

D3 implementations(ToolTips)

2,0102,0112,0122,0132,0142,0152,0162,0172,0182,019200M250M300M350MYear of call DateNumber of emergency256174268689265596273097280905296244303967312471310700319855Number of emergencies 23456minutes4.4604.5154.9705.2135.5515.5505.6245.5825.7605.3153.5623.7063.7293.8113.8413.9893.8813.9853.8203.662Avg.respond timeAvg.arrive time

Interactive Instruction

Brush & ZoomIn 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.

D3 implementations(Brush & Zoom)

2010201120122013201420153.03.54.04.55.05.56.06.52010201120122013201420152016201720182019minutescall yearaverge respond timeaverge arrive time

Explore respond time VS neighborhoos

After estimate the whole San Francisco's respond time, you maybe want to know which county will have high respond time and which county have low respond time.

Clik "Learn more" to get your answer.


Learn more