Skip to main content
SimilarExport ZIP
100%

Disapathes 2018

✓ Published0🌍 Public
NNiall O'Brien
Last edited Dec 15, 2019
Created on Dec 15, 2019
Forked from Making a Bar Chart

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

NNiall O'Brien
86% match
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
85% 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
71% match
Loading thumbnail…

HW1 Chart1

This bar chart shows the number of 911 calls per police district in San Francisco, with districts ordered alphabetically along the x-axis and call counts on the y-axis. Each bar is rendered as an SVG rectangle using D3 v4’s data join, with a steelblue fill that turns brown on hover. The chart includes labeled axes, a title, and a horizontal grid generated via `d3.axisLeft` with custom tick sizing, while the data is loaded from a tab-separated `data.tsv` file using `d3.tsv`.

LLjfernando
70% match
Loading thumbnail…

Simple Bar chart Police station vs fatilities

This example shows a simple bar chart comparing the total number of fatalities across nine police stations in the Ropar district, using data loaded from a CSV file. The visualization encodes the count for each station as the height of an SVG rectangle, with police station names on the x-axis and the fatality count on the y-axis. The code uses d3.csv to load the data, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the y-axis, and d3.axisBottom and d3.axisLeft to render the axes. The bars are styled with a steelblue fill.

Nneetusingla12(Neetu Singla)
70% match
Loading thumbnail…

Simple Bar chart Police station vs fatilities

This example shows a simple bar chart comparing the total number of fatalities across nine police stations in the Ropar district, using data loaded from a CSV file. The visualization encodes the count for each station as the height of an SVG rectangle, with police station names on the x-axis and the fatality count on the y-axis. The code uses d3.csv to load the data, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the y-axis, and d3.axisBottom and d3.axisLeft to render the axes. The bars are styled with a steelblue fill.

Nneetusingla12(Neetu Singla)
70% match
Loading thumbnail…

Untitled

This interactive bar chart displays road accident statistics across police stations, with a dropdown menu to switch between different data columns such as fatalities, injury severity, collision types, and day of the week. Built with D3 v3 and React, the visualization uses `d3.scale.ordinal` for the x-axis, `d3.scale.linear` for the y-axis, and SVG rectangles that smoothly animate via `transition().ease()` when the selected metric changes. Data is loaded from a CSV file, and hover tooltips reveal exact values per station.

Aachintyatripathi
70% match
Loading thumbnail…

Untitled

A bar chart displays monthly incident counts, with values ordered from January to December despite the CSV’s shuffled rows. The visualization uses a linear x-scale and band y-scale, with bars styled in steelblue. D3’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` handle scaling and axes, while `axisBottom`’s tick format converts numbers to “Mila” units. The React framework is not used; instead, D3 selects the SVG directly. Data comes from `data.csv`, and a title and axis labels are added via SVG groups and text elements.

PPaolaAntonicoli
69% match