Skip to main content
SimilarExport ZIP
100%

Line Chart

✓ Published0🌍 Public
EElisaDnr
Last edited Jan 6, 2018
Created on Jan 6, 2018

This line chart displays the number of road accidents per hour of the day, based on data from a CSV file of accident records. The x-axis encodes time in 15-minute increments over a 24-hour period, while the y-axis shows the accident count. The visualization uses d3.csv to parse the data, d3.timeParse to convert hour strings, and d3.scaleTime, d3.scaleLinear, and d3.line to render the SVG path with a steelblue stroke. The counts are aggregated by sorting and grouping hour values.

AI-generated description

This simple line chart is constructed from a TSV file storing the closing value of AAPL stock over the last few years. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3883245'>Line Chart</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Line Chart with pie chart json

This example shows the number of traffic accidents per 15-minute time interval, with each data point rendered as a clickable circle. Clicking a circle displays a pie chart of accident severity distributions in a separate div, while the selected point is highlighted in red. The line chart uses d3-dsv for JSON parsing, d3-scale for time and linear scales, d3-axis for axes, and d3-shape for the line path. The pie chart is generated and removed dynamically on each click.

EElisaDnr
81% match
Loading thumbnail…

Line Chart

This line chart displays the daily number of crimes over a 31-day period, with the x-axis mapping days and the y-axis mapping crime counts. The SVG rendering uses D3 v4, specifically `d3.scaleTime` and `d3.scaleLinear` for position encodings, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, with numeric parsing applied to both fields. The line is drawn in steelblue with rounded joins and caps, and the y-axis is labeled "Price ($)".

GGoomble
75% 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
74% match
Loading thumbnail…

ice 7 line

This line chart displays accident counts per year from 2000 to 2010, using d3.csv to load the data and d3.scaleTime with d3.scaleLinear for the axes. The visualization renders as an SVG path generated by d3.line, with labeled axes and a title. Grid lines are drawn via d3.axisBottom and d3.axisLeft, while the line itself is styled with a navy stroke.

SSreekarveeravelly
74% match
Loading thumbnail…

demo-multiple

This visualization shows the number of fatal accidents by hour of day, split into separate lines for different weather conditions. The code loads weather2.csv, nests the data by weather type and hour, then sums the fatal counts for each group using d3.nest and rollup. Multi-line paths are drawn with d3.svg.line, colored dynamically using d3.scale.category10. A time scale on the x-axis and linear y-axis are defined with d3.time.scale and d3.scale.linear, with axes rendered via d3.svg.axis.

DDarienLiang
73% match
Loading thumbnail…

Untitled

A bar chart displays traffic accident victim counts for four vehicle types in France in 1958. The chart uses D3 v4 with an SVG rendering. It loads data from a local CSV file via `d3.csv` and maps the categorical vehicle names to an `xScale` (a `d3.scaleBand`) and the numeric quantities to a `yScale` (a `d3.scaleLinear`). Axes are added with `d3.axisBottom` and `d3.axisLeft`, while the bars are appended as SVG `rect` elements with a fixed steelblue fill.

DDavidZheng217
73% match
Loading thumbnail…

ice 7 area

This visualization shows the number of accidents per year from 2000 to 2010, combining a yellow line chart with a navy filled area beneath it. The chart uses D3 v5’s `scaleLinear` for both axes, `line` and `area` generators with a `curveBasis` smoothing, and `axisBottom` and `axisLeft` for labeled axes. Data is loaded from a remote CSV file using `csv`, and the SVG rendering is done within a 930x450 canvas, with axis labels placed via rotation and translation transforms.

SSreekarveeravelly
73% match
Loading thumbnail…

Untitled

This interactive bar chart displays road accident statistics across eight police stations in the Ropar district, using data from a CSV file. A dropdown menu lets the user select different variables, such as fatalities by severity, day of the week, vehicle type, or collision type, and the bars update with smooth transitions. The visualization uses D3 v3 with an ordinal x-scale and linear y-scale to map police stations and case counts, while hovering over a rectangle highlights it and shows a tooltip with the station name and value.

Aachintyatripathi
72% match