Skip to main content
SimilarExport ZIP
100%

DF Dispatches 2018

✓ Published0🌍 Public
NNiall O'Brien
Last edited Dec 15, 2019
Created on Dec 4, 2019
Forked from DF Dispatches 2018

This line chart displays the number of Dublin Fire Brigade dispatches for each month in 2018, highlighting the variation in call volume across the year. The visualization uses d3.csv to load the dataset and renders an SVG with d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.line with curveLinear to connect the data points. The chart applies a custom margin, axis labels, and a title, with grid lines styled via CSS.

AI-generated description

A line chart representing number of Dublin Fire dispatches in 2013 per month.

MIT Licensed

Similar vizzes

Loading thumbnail…

DF Dispatches 2018

The visualization shows the number of Dublin Fire Brigade dispatches per month in 2018, plotted as a line chart with month on the x-axis and call volume on the y-axis. The data reveals a spike in July and October, with relatively lower counts in February. The chart is rendered as an SVG using D3 v5, with `d3.scaleLinear` for both axes, `d3.line` with `curveLinear` for the path, and `d3.axisLeft` and `d3.axisBottom` for ticks. Data is loaded from a CSV file using `d3.csv`.

NNiall O'Brien
97% match
Loading thumbnail…

Disapathes 2018

This bar chart displays the number of emergency dispatches at Dublin Fire Brigade stations during 2018, with station names on the vertical axis and dispatch counts on the horizontal axis. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` to position bars, `axisLeft` and `axisBottom` for labeled ticks, and SVG rectangles styled in steel blue. Data is loaded from a CSV file, with margins and a formatted tick label using D3’s `format`.

NNiall O'Brien
86% match
Loading thumbnail…

Untitled

This interactive stacked bar chart visualizes fire and alarm response times across San Francisco neighborhoods from 2012 to 2019. A dropdown menu switches between years, and a checkbox toggles sorting by total average response time or alphabetical order. Built with D3 v5 in a React-free HTML page, it uses `d3.csv`, `d3.stack`, `scaleBand`, `scaleLinear`, and `scaleOrdinal` to render SVG rectangles and total-value labels. Axes transition smoothly via d3 transitions, while the data comes from a CSV file with `Group`, `Neighborhoods`, `Year`, and `Avg` columns.

Pphamiter253
68% match
Loading thumbnail…

Loading CSV Data with D3

This example demonstrates a bar chart of deliberate fires per London borough for February 2015, sorted in descending order. It uses D3.js v3 to load a CSV file with `d3.csv`, bind the data to SVG groups, and render red rectangles whose widths are scaled by fire counts. Borough names and values are added as SVG text elements, with hover interactions toggling a CSS class that darkens bars and bolds labels. The chart is drawn from the external file `londonfiresfinal.csv`, with all styling and layout handled through inline attributes and stylesheet rules.

BBenHeubl
67% match
Loading thumbnail…

HW1 Chart3

This chart shows the number of SF PD calls per hour in December, with an area plot and a line overlay that both encode the count across a 24-hour period. It uses D3 v4’s `d3.tsv` loader to parse the data file, `d3.area` to create the filled region, and `d3.line` with a linear curve for the stroke. The SVG includes grid lines generated via `d3.axisBottom` and `d3.axisLeft`, with the x-axis labeled “Hour” and the y-axis “Number of Calls,” all rendered in a crisp, block-oriented layout.

LLjfernando
67% match
Loading thumbnail…

HW1 Chart3

This chart shows the number of SF PD calls per hour in December, with an area plot and a line overlay that both encode the count across a 24-hour period. It uses D3 v4’s `d3.tsv` loader to parse the data file, `d3.area` to create the filled region, and `d3.line` with a linear curve for the stroke. The SVG includes grid lines generated via `d3.axisBottom` and `d3.axisLeft`, with the x-axis labeled “Hour” and the y-axis “Number of Calls,” all rendered in a crisp, block-oriented layout.

LLjfernando
67% match
Loading thumbnail…

modified for voronoi

This example visualizes SFPD incidents by neighborhood in 2016, combining both a bar chart of average incidents and a line chart showing incident trends over time. Each neighborhood’s bar and corresponding line are linked, with mouseover highlighting the active district and click filtering to show only that district’s line. The code uses d3.nest() to aggregate data by district, d3.scaleBand for the bars, d3.scaleTime for the date axis, and d3 transitions for interactive animations. The data is loaded from the SF Open Data JSON API, and the visualization renders with SVG.

GGoomble
67% match
Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart displays the daily number of assaults recorded in December 2016, plotting single continuous line where the x-axis encodes the date and the y-axis encodes the incident count. The visualization, built with D3 v4, uses `d3.scaleTime` and `d3.scaleLinear` for coordinate mapping and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with dates parsed through `d3.timeParse`. The SVG output includes axis labels and a caption that highlights observed patterns, such as low assault counts on Sunday and Wednesday.

SSherryFeng123
66% match