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

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>

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
96% match
Loading thumbnail…

Multi-Series Line Chart

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.

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
85% 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…

ebola cases

This interactive map visualizes the geographic distribution of Ebola cases using a Leaflet-powered SVG overlay. Points mark affected locations across Guinea, the Democratic Republic of the Congo, the United States, and Spain, loaded from an external GeoJSON feature collection. The map uses Mapbox tiles with D3-rendered SVG circles to represent case locations, while checkboxes above the map allow users to toggle visibility for cases in the DRC, Guinea, or Liberia. The visualization combines geographic context with an interactive filtering interface to explore outbreak data across countries.

BBrieLewis
74% match
Loading thumbnail…

ebola map w/checks

This interactive map visualization, built with D3.js and Leaflet, plots the geographic locations of Ebola cases as red dots on a Mapbox-backed world map. The primary dataset is embedded as GeoJSON within the page and includes points across several countries, including Spain, the United States, the Democratic Republic of the Congo, and Guinea. Users can filter the visible data using the checkbox interface provided for each country — Democratic Republic of the Congo, Guinea, and Liberia — toggling the relevant points on and off the map. The visualization uses SVG overlays for the plotted points and supports animation through the mapping library, offering a flexible template for geographical data exploration. The design is minimal, with a full-screen map and simple UI controls, making it easy to adapt for other location-based datasets. It is built with d3 and Leaflet via Mapbox, and released under the MIT license.# Ebola Map with Checkboxes ## Overview An interactive map visualization showing the geographic spread of Ebola cases across West Africa and beyond, built by layering D3-rendered points onto a Mapbox/Leaflet base map. ## Design The visualization displays individual case locations as markers on a navigable street map. The key interactive element is a set of checkboxes that filter displayed cases by country (DRC, Guinea, Liberia). This simple filtering mechanism allows viewers to isolate outbreaks by nation, making the geographic patterns of the epidemic easier to discern. ## Technical Details The visualization combines: - **Leaflet via Mapbox** for base map tiles and pan/zoom functionality - **D3.js** for binding and rendering the geographic data points - GeoJSON data containing point locations (primarily in West/Central Africa, with cases in the US and Spain) The author notes this setup serves as a useful foundation for geographically-based d3 visualizations. ## Usage Load the page and use the checkboxes to toggle DRC, Guinea, or Liberia points on and off the map. --- *Source: [gist](https://gist.github.com/) · License: MIT · Rendered with SVG/animation* **Title:** Ebola Map with Checkboxes This interactive map visualizes geolocated data points from the 2014 Ebola outbreak, overlaid on a Leaflet/Mapbox base map. Built with D3 and Leaflet, it plots affected locations using SVG markers. The interface includes checkboxes that let users toggle the visibility of cases by country (DRC, Guinea, Liberia), enabling focused exploration of outbreak geographies. This simple, reusable setup provides a foundation for geographically based visualizations. The map uses an animated SVG rendering to represent data points. It is available under the MIT license.

BBrieLewis
72% match
Loading thumbnail…

ebola map

This interactive map visualizes the spread of Ebola cases, plotting individual locations as dots on a tiled satellite basemap. The geographic coordinates (longitude, latitude) of each case are stored in a GeoJSON FeatureCollection, with properties indicating the country and sometimes a specific address or town (e.g., "Dallas, TX", "Gueckedou", "Boende moke"). Rendered as an animated SVG overlay on a Leaflet map, the visualization supports zooming and panning. The map is initialized to a world view centered at [20,-37] with a zoom level of 3, and the D3-selected SVG layer is synced with Leaflet's overlay pane to ensure that the points remain correctly positioned as users interact with the map. The points are plotted based on their latitude and longitude coordinates from the dataset, with labels providing the location name and country. This example demonstrates a straightforward pattern for combining Leaflet's interactive map controls with D3's data-driven SVG rendering, useful for geographically distributed point data like disease outbreak locations.

BBrieLewis
72% match
Loading thumbnail…

ebola cases

This interactive map plots Ebola cases as cyan dots over satellite imagery, with each dot representing a reported location across multiple countries, including Guinea, the Democratic Republic of the Congo, Spain, and the United States. The visualization combines D3.js with Mapbox’s Leaflet library, using a custom SVG overlay that projects geographic coordinates into pixel positions via `map.latLngToLayerPoint`. Dots animate from a small radius to a larger size, and the map re-renders positions on zoom or pan events. The data comes from a GeoJSON FeatureCollection containing point geometries with country and address attributes.

KKunnyKou
71% match