Infant Mortality Rate | Week 4

100%

Infant Mortality Rate | Week 4

✓ Published0🌍 Public

Last edited Apr 13, 2015

Created on Apr 13, 2015

A horizontal bar chart displays infant mortality rates for European Union and EFTA countries in 2012, sorted in ascending order with the lowest rate at the top. The visualization uses d3.csv to load the dataset, then applies d3.scale.linear for the x-axis and d3.scale.ordinal with rangeRoundBands for the y-axis. SVG rectangles render each bar with hover tooltips, while d3.svg.axis generates labeled axes. Data originates from PORDATA, integrating Eurostat, UN, and national statistical sources.

AI-generated description

Similar vizzes

Loading thumbnail…

Infant Mortality Rate | Week 6

A multi-line chart displays the infant mortality rate for European Union and EFTA countries from 1960 to 2012, with the title indicating a focus on 2012 data. D3.js (v3) loads a CSV file, parses the year-based columns, and renders individual country trends as blue SVG paths. The visualization uses `d3.time.scale`, `d3.svg.axis`, and `d3.svg.line` to map time-series data, with a hover style applied to the lines. Data originates from PORDATA, aggregating Eurostat, UN, and national statistics.

CCatLeal

91% match

Loading thumbnail…

Infant Mortality Rate | Week 5

Scatterplot of 2012 infant mortality rates against 1960 rates for 27 EU and EFTA countries. Each circle represents a country, with hover tooltips showing both values, and the visualization animates the points growing from a radius of 0.1 to 4 in sorted order. Built with d3.v3, the SVG chart uses d3.csv to load the PORDATA-sourced dataset, with linear scales for both axes and transitions with staggered delays.

CCatLeal

89% match

Loading thumbnail…

Infant Mortality Rate EU 1960-2012

The visualization shows infant mortality rates across EU countries from 1960 to 2012 as a multi-line chart. It uses d3.line and d3.csv to parse the data, mapping each country’s yearly values to distinct colored paths over a shared time axis. The chart includes axes with d3.axisBottom and d3.axisLeft, and a legend to identify countries. The data comes from a gist by CatLeal, with each country’s series drawn as a separate line to highlight both overall declines and regional variations over the five-decade span.

CCatLeal

85% match

Loading thumbnail…

HeroScore Top100 | Week 3

A horizontal bar chart ranks 29 European countries by infant mortality rate in 2012. Using d3.csv to load the data and d3.ascending to sort by the a2012 field, it renders SVG rectangles whose widths encode each rate, with a title tooltip revealing the country and exact value. Bars are spaced ten pixels apart in a 1500-pixel-tall viewport.

CCatLeal

80% match

Loading thumbnail…

Loading CSV Data with D3

The visualization demonstrates how to load and inspect CSV data using D3, displaying a decorative SVG pattern of black bars above a text label. It uses `d3.csv` to asynchronously fetch the `Data_InfantMortalityRate.csv` file, which contains infant mortality rates for EU and EFTA countries from 1960 to 2012. The loaded data is parsed into an array of JSON objects and logged to the browser console, while the static SVG shapes serve as a visual placeholder.

CCatLeal

70% match

Loading thumbnail…

Fork of A scatter plot comparing EU fertility rate with urban population %

This scatter plot visualizes the relationship between EU countries' fertility rates and their urban population percentages, with each data point labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the CSV data—sourced from a GitHub gist—to SVG circles and text elements. The plot fills the entire browser window, with axes positioned at the chart’s margins and salmon-colored country labels offset for readability. Data parsing converts string values to numbers for accurate scaling and positioning.

HHieuVu179

69% match

Loading thumbnail…

A scatter plot comparing EU fertility rate with urban population %

This scatter plot displays the relationship between EU countries’ fertility rates and their urban population percentages, with each circle labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data from a CSV file supplied by the author via a GitHub gist. Circles are positioned using the scaled values, and country labels are placed with adjusted vertical offsets to reduce overlap. The chart is rendered as an SVG that fills the browser window, with salmon-colored text labels distinguishing them from the default circle marks.

YYiorgos Bagakis

69% match

Loading thumbnail…

Customizing Axes

This bar chart displays the infant mortality rates for the ten most populous U.S. states, using 2018 population estimates from the United Nations World Population Prospects. It highlights custom axis styling, including removed domains and tick lines on the y-axis, a formatted bottom axis with a custom tick size, and a rotated axis label. Built with D3 v5, the visualization uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG elements, while CSS controls text and tick appearance. The data is loaded from a CSV file and mapped to rect widths.

Cchrismdiaz

69% match