CS573_HW1_3

100%

✓ Published0🌍 Public

Last edited Sep 10, 2017

Created on Sep 7, 2017

This bar chart visualizes the causes of newborn deaths in their first month of life in 2013, using data from Our World in Data. Each horizontal bar represents a cause of death, with bar length proportional to the number of deaths and a text label showing both the raw count and percentage of the total 277,200 deaths. The visualization uses d3.scaleLinear for the x-axis and d3.scaleBand for the categorical y-axis, rendering SVG rectangles and text elements with d3.v4. The chart is adapted from a block by Curran.

AI-generated description

In a publication in The Lancet Liu et al. (2015) presented estimates on the causes of deaths of children in 2013. 2.7 million children died in the first month of their life. The bar chart presents this data. The length of the bar shows the share of children killed by each cause.

Data source https://ourworldindata.org/child-mortality/#child-mortality-by-cause-of-death

This bar chart was forked from <a href=' '>curran</a >'s block: <a href='http://bl.ocks.org/curran/5cb71249dcbfd635c794520aff45b89d'>Extremist Murders in the US</a >. Data from Child Mortality by Max Roser.

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

presentation bar chart

This horizontal bar chart displays deaths per country, with each bar’s length proportional to the death count. The chart uses D3 v7’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles. The computed values are multiplied by 1000, and bars are styled maroon with a 0.3 padding between bands.

RRobindj2000

75% match

Loading thumbnail…

Stack Chart Template

This stacked bar chart visualizes deaths from various illnesses across different causes, with each bar segmented by age ranges from 0-27 days to 70+ years. The chart uses D3.js v3 layout stack, ordinal and linear scales, and SVG rendering with transitions. Users can toggle between raw counts and percentage view using radio buttons, which triggers animated transitions via `transition()` and `attrTween`. Data comes from WHO cause-of-death statistics for African countries, with tooltips providing additional detail on hover.

LLex

74% match

Loading thumbnail…

bar viz for testing

This example visualizes death rates by year using a horizontal bar chart, with each bar’s length encoding the death count and the y-axis listing years. The chart is rendered as SVG using D3.js v5, primarily leveraging `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom`/`axisLeft` for tick generation. Data is sourced from a CSV file, and death values are multiplied by 1,000 before plotting. Styling is applied via CSS, setting bars to steelblue and customizing axis text.

Mmomopng

74% match

Loading thumbnail…

Stack Chart Template

This stacked bar chart visualizes causes of death in 2013 across selected South African countries, using data from the WHO. Users can toggle between raw counts and percentage shares via radio buttons, which triggers a smooth transition in bar heights. The visualization is built with the D3.js library, specifically using `d3.layout.stack` to compute the stacked segments and `d3.svg.axis` for the axes. The chart is rendered as an SVG, and the animation is achieved through D3's `.transition()` method.

Cchungmin-yu

74% match

Loading thumbnail…

Stack Chart Template

This stacked bar chart visualizes cause-of-death data by age group in selected South African countries, sourced from WHO data. It uses D3.js (version 3.5.6) with SVG rendering and animation. The chart displays either raw death counts or percentages, toggled via radio buttons. It leverages D3’s layout stack, ordinal and linear scales, and axes APIs, with rectangles transitioning smoothly between the two modes.

Pphamiter253

74% match

Loading thumbnail…

Age Distribution Chart

The chart displays the age distribution of deaths across various causes of illness, with each cause represented as a stacked bar segmented by age group. Users can toggle between raw death counts and normalized percentages using radio buttons. The visualization is built with D3.js, using ordinal and linear scales, stacked layout, and SVG axes. It animates transitions between the two modes with a 250-millisecond duration, and includes interactive hover effects that reduce rectangle opacity. Data is loaded from a CSV file containing cause-specific mortality counts by age bracket.

Pp189

73% match

Loading thumbnail…

Age Distribution Chart

This chart displays the distribution of deaths across eight age ranges, from newborns to those over 70, for nearly twenty different causes of death. Animated stacked bar charts show raw death counts or the percent share each age group contributes per cause, with a toggle to switch between these views. The visualization is built with D3.js, using `d3.layout.stack` to compute the stacked segments and transitions to animate the bars between count and percentage modes. Data comes from CSV files loaded via `d3.csv`, and the legend identifies each age range by color.

KKeerthiKandadai

73% match

Loading thumbnail…

fresh block

A stacked bar chart displays the causes of mortality—wounds, other, and disease—among a historical population over several months in 1855–1856. The visualization uses a horizontal orientation, with each bar segmented by cause and colored via a categorical scale. Built with D3 v4, it employs `d3.stack()` to compute layer positions, `d3.scaleBand` for the time-based y-axis, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is parsed with `d3.timeParse` and rendered as SVG rectangles.

KKacieW

73% match