Skip to main content
SimilarExport ZIP
100%

Multi-Series Line Chart

✓ Published0🌍 Public
SSherryFeng123
Last edited Feb 11, 2017
Created on Feb 11, 2017

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.

AI-generated description

This line chart is constructed from a TSV file storing the daily average temperatures of New York, San Francisco and Austin over the last year. 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/3884955'>Multi-Series Line Chart</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

fresh block

This visualization displays a line graph of the number of physical assaults per day over a week in December 2016, using an orange stroke to trace the trend over time. The chart includes labeled axes for date and incident count, along with a caption noting observed patterns, such as lower counts on Sunday and Wednesday. The code uses d3.csv to load data from a CSV file, d3.timeParse to parse dates, and d3.scaleTime and d3.scaleLinear for positioning. It renders the line with d3.line and adds axes via d3.axisBottom and d3.axisLeft, all within an SVG generated by d3.v4.

SSherryFeng123
85% 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
78% match
Loading thumbnail…

Multi Line Chart

This multi-line chart displays three data series (A, B, C) over a two-week period in July–August 2019, plotting daily measurement values. Each series is rendered as a distinct colored path with different dash patterns, accompanied by end-of-line labels. The visualization uses D3 v5 with an SVG viewBox for responsive scaling, d3.scaleTime and d3.scaleLinear for axes, d3.line with default curve interpolation for paths, and d3.axisLeft/axisBottom for gridlines. Data comes from an inline CSV file.

Nneetusingla12(Neetu Singla)
75% match
Loading thumbnail…

Simple line chart

This simple line chart visualizes a dataset of monthly values from January to December 2016. The chart plots a black line connecting twelve data points, with each point represented by a circle. Hovering over a circle highlights it in red, draws a dashed vertical guide line, and displays the value in a green tooltip. The visualization uses D3 v3, rendering SVG elements with ordinal and linear scales, a D3 line generator, and JSON data loading for the dataset.

FFrissAnalytics
74% match
Loading thumbnail…

A5 Line Chart D3

This line chart visualizes the count of police shootings per year from a CSV dataset. Using D3 v7, the chart aggregates records by the `Incident.Date.Year` field, sorts them chronologically, and renders a single steelblue path via `d3.line`. Linear scales (`scaleLinear`) map years and counts to the SVG canvas, with axes drawn by `axisBottom` and `axisLeft`. Axis labels and a bold title clarify the chart’s purpose.

Nnathanjmuljadi@gmail.com
74% match
Loading thumbnail…

Multi Line Chart

This multi-line chart shows three time series labeled Serie A, B, and C across dates in late July and early August 2019, with a y-axis labeled “Frequency.” The D3.js v5 code loads data from a CSV file, parses dates with `d3.timeParse`, and uses `d3.scaleTime` and `d3.scaleLinear` to construct axes. Lines are drawn via `d3.line` and appended as SVG paths, with distinct strokes for each series. The visualization is rendered entirely in SVG, with the final data point of each serie labeled beside the line.

JJimMaltby
74% match
Loading thumbnail…

line chart time data

This line chart visualizes time-series data from a CSV file, plotting daily values over a period from late 2017 to mid-2018. Two distinct series are shown, with the primary line appearing nearly flat around 2,055,322 and a secondary series appearing later with slightly higher values. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart, with circles marking individual data points.

Oovalli
73% match
Loading thumbnail…

Interactive line chart

This interactive line chart displays monthly values from January to December 2016, with each data point represented as a labeled circle along a single black line. Hovering over a circle highlights it in red, enlarges its corresponding value label, and reveals a dashed vertical guide line. Built with D3 v3, the visualization uses an ordinal x-scale, a linear y-scale, and SVG elements including paths, circles, and text. Data loads from a local JSON file via `d3.json`, with dates parsed using `d3.time.format` and values formatted with `d3.format`.

OOrhanYaz
73% match