Skip to main content
SimilarExport ZIP
100%

Bar Chart

✓ Published0🌍 Public
BBrandonStroud
Last edited Feb 4, 2016
Created on Feb 4, 2016

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.

AI-generated description

This simple bar chart is constructed from a TSV file storing the frequency of letters in the English language. 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/3885304'>Bar Chart</a>

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
87% 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
85% 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
84% match
Loading thumbnail…

Bar Chart

This bar chart visualizes the frequency of letters in the English language, sourced from a TSV file containing counts for Guinea, Liberia, and Sierra Leone. The chart uses D3.js with an ordinal x-scale for categorical labels and a linear y-scale for frequency values, with axes displayed via d3.svg.axis. Green bars are rendered using SVG rectangles, and a hover effect changes their color to purple. The code employs d3.tsv to load data, d3.max to compute the domain, and d3.format for percentage labels, with an animated transition that moves bars upward over three seconds from a starting y-position of 900.

AAdamBlaine1
78% 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
76% 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
76% match
Loading thumbnail…

ebola cases

An interactive map plots reported Ebola cases as animated dots across Western Africa and beyond, using real-world geographic coordinates from a GeoJSON dataset. The visualization combines Leaflet with Mapbox for the base map and D3.js for the dynamic overlay, placing each case as a circle that expands on load. Users can toggle visibility by country using checkboxes, while the map supports zooming and panning with the dots repositioning in sync via D3's projection logic.

KKunnyKou
75% 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
75% match