Skip to main content
SimilarExport ZIP
100%

Multi-Series Line Chart

✓ Published0🌍 Public
AAdamBlaine1
Last edited Feb 11, 2016
Created on Feb 11, 2016

This multi-series line chart visualizes the daily cumulative counts of Ebola cases for three countries—Guinea, Liberia, and Sierra Leone—over the period from March 2014 to June 2015. The visualization is constructed with D3 v3 and rendered as an SVG, using a TSV data file loaded via d3.tsv. Dates are parsed with d3.time.format, and the x-axis uses a time scale while the y-axis uses a linear scale. Color encoding is handled by d3.scale.category10, assigning each country a distinct hue. The chart employs conventional margins and leverages d3.extent, d3.min, and d3.max to compute the domains for both axes. Axes are rendered using d3.svg.axis, and the multi-series lines are drawn with d3.svg.line. The visualization allows for clear comparison of daily average temperatures across New York, San Francisco, and Austin over the course of a year.

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>

forked from <a href='http://bl.ocks.org/AdamBlaine1/'>AdamBlaine1</a>'s block: <a href='http://bl.ocks.org/AdamBlaine1/6be047ed3c064b505c8f'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/AdamBlaine1/'>AdamBlaine1</a>'s block: <a href='http://bl.ocks.org/AdamBlaine1/d6c5a1923f53a60876ad'>Multi-Series Line Chart</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart tracks the cumulative Ebola cases in Guinea, Liberia, and Sierra Leone from March 2014 to March 2015, using data loaded from a TSV file. The visualization employs D3 v3 to parse dates with d3.time.format, map dates to the x-axis with a time scale, and map case counts to a linear y-scale. Each country’s series is colored via an ordinal color scale (category10), with d3.extent/min/max computing the domain and d3.keys extracting column names. Axes are rendered with d3.svg.axis, and the lines are drawn using d3.svg.line. The chart follows conventional margins and is forked from mbostock’s Multi-Series Line Chart example, with data sourced from a gist by BrandonStroud.

BBrandonStroud
93% match
Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart tracks the daily reported Ebola cases in Guinea, Liberia, and Sierra Leone over time, using a TSV dataset loaded with d3.tsv. The visualization employs conventional margins and a range of D3 features: d3.time.scale for the x-axis, d3.scale.linear for the y-axis, and d3.scale.category10 for color encoding of the three series. The data is parsed with d3.time.format, and domains are computed using d3.extent, d3.min, and d3.max. The chart displays d3.svg.axis for both axes and d3.svg.line to render the lines, with SVG output.

AAdamBlaine1
93% match
Loading thumbnail…

Bar Chart

This bar chart displays the total number of Ebola cases for three West African countries—Guinea, Liberia, and Sierra Leone—using steelblue bars that turn brown on hover. The visualization loads data from a TSV file via `d3.tsv`, then uses `d3.scale.ordinal` for the x-axis categories and `d3.scale.linear` for the y-axis frequency scale. Axes are rendered with `d3.svg.axis`, while `d3.max` computes the y-domain, and the chart applies conventional margins around a 960×500 SVG canvas. The code relies on D3.js version 3.5.5, sourced from a gist by BrandonStroud.

BBrandonStroud
84% match
Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over a year, with each city represented by a distinct colored line. The visualization uses D3.js with SVG rendering, employing conventional margins and scales: a time scale for dates on the x-axis, a linear scale for temperature on the y-axis, and a categorical color scale for the three series. Data is loaded from a TSV file using d3.tsv, and dates are parsed with d3.time.format. The chart computes its domains using d3.extent, d3.min, and d3.max over the parsed dataset, derives series names dynamically with d3.keys, and renders axes and line paths with d3.svg.axis and d3.svg.line. The example demonstrates a clean, reusable pattern for multi-series time-series data, with a legend distinguishing New York, San Francisco, and Austin.

AAdamBlaine1
77% match
Loading thumbnail…

Ebola victims

This line chart displays Ebola victim head counts across 2015, with time on the x-axis and casualty numbers on the y-axis. The visualization uses D3.js v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` path to render a smooth red trend line over an SVG canvas. Data comes from a CSV file hosted on VizHub, sourced from the Humanitarian Data Exchange. Gridlines and axis labels provide readability, while the title annotations clarify the chart’s purpose without interactive elements.

Ssaatraju
77% match
Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over a year, with three colored lines plotted against a time-based x-axis and a temperature y-axis. The visualization is built with D3 v3 and rendered as SVG, using conventional margins. It loads data from a TSV file via d3.tsv and leverages d3.time.format to parse dates, d3.time.scale for the x-position, d3.scale.linear for the y-position, and d3.scale.category10 for color encoding. Domains are computed with d3.extent, d3.min, and d3.max, while column names are derived using d3.keys. Axes are rendered with d3.svg.axis and the lines with d3.svg.line. The chart illustrates seasonal temperature variations across the three cities over a year, with each line distinguished by color.

HHelenHChen
77% match
Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over the course of a year, with each city encoded as a colored line. The x-axis represents time using d3.time.scale, while the y-axis uses a linear scale for temperature values. Colors are assigned via d3.scale.category10, and the data is loaded from a TSV file using d3.tsv. The chart applies conventional margins, computes domains with d3.extent, d3.min, and d3.max, and renders axes and lines using d3.svg.axis and d3.svg.line. The visualization compares seasonal temperature patterns across the three cities, highlighting relative warmth and variation throughout the year.

EEleonore9
76% match
Loading thumbnail…

Multi-Series Line Chart (ui5 MOOC)

This multi-series line chart visualizes the daily average temperatures of New York, San Francisco, and Austin over the course of a year, with each city represented by a distinct colored line. The data is loaded from a TSV file using d3.tsv, with dates parsed via d3.time.format and mapped to the x-axis using a d3.time.scale. The y-axis uses a linear scale, while color encoding is handled by d3.scale.category10. The visualization computes its domains using d3.extent, d3.min, and d3.max, and dynamically extracts the series names with d3.keys. Axes are rendered with d3.svg.axis, and the multi-series lines are drawn with d3.svg.line, all within an SVG container.

CCBasis
76% match