HeroScore Top100 | Week 3

100%

HeroScore Top100 | Week 3

✓ Published0🌍 Public

Last edited Apr 12, 2015

Created on Apr 12, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Infant Mortality Rate | Week 4

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.

CCatLeal

80% match

Loading thumbnail…

HeroScore Top100 | Week 3

This example displays the top 100 poker players ranked by their HeroScore, a composite metric of influence and prestige, as horizontal bars. It uses the D3.js library (v3) to load data from a CSV file and render an SVG bar chart, where each bar’s width represents the player’s total HeroScore. Hovering over a bar reveals a tooltip with the player’s name, score, and country via the appended `title` element.

CCatLeal

78% match

Loading thumbnail…

HeroScore Top100 | Week 4

This bar chart ranks the top 100 poker players by their total HeroScore, displaying each player's name on the y-axis and their score on the x-axis. A tooltip reveals a player's country and exact score. The visualization is rendered with SVG using D3 v3, and the data comes from a CSV file. The code uses `d3.scale.linear`, `d3.scale.ordinal`, `d3.svg.axis`, and `d3.csv` for scaling, axes, and data loading.

CCatLeal

77% match

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

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

75% match

Loading thumbnail…

HeroScore Top100 | Week 5

Scatterplot of the top 100 poker players’ HeroScore against their all-time earnings, sourced from a gist by CatLeal. The code uses D3.js v3, loading the CSV data with `d3.csv` and rendering SVG circles and axes. A sorting animation enlarges each point on a delay, and hovering highlights them. The visualization encodes each player’s name, country, and scores via tooltip titles, with logarithmic scaling on the y-axis.

CCatLeal

72% match

Loading thumbnail…

Let's make a BAR CHART with D3.js!

A bar chart displays happiness scores for ten countries, with horizontal bars sorted from Finland’s highest score to Austria’s lowest. The visualization loads data from a CSV file and renders SVG rectangles using D3 v5’s `scaleLinear` for bar widths, `scaleBand` for vertical positioning, and `selectAll`–`data`–`enter` joins. The chart fills the entire 960×500 SVG canvas, with no axes or labels, emphasizing raw score comparisons across countries.

Ssoniyaa-dv

71% match

Loading thumbnail…

No6

This example shows a horizontal bar chart of countries sorted by life expectancy at birth, with each bar’s length proportional to that value and a tooltip revealing the country name and exact figure. The bars are rendered as SVG rectangles arranged vertically, with the tallest at the top. Built with D3 v3, the code loads data from a CSV file, sorts it using `d3.descending`, and appends `rect` elements with `<title>` nodes for hover text. The chart uses a white SVG on a turquoise background.

LLTymn

71% match