Skip to main content
100%

d3js workshop - bar chart

✓ Published0🌍 Public
BBillyBHWong
Last edited Oct 19, 2017
Created on Oct 19, 2017

This example shows a horizontal bar chart of English Premier League standings, with each bar’s length representing a team’s total points and its color encoding the number of wins. The chart is rendered as SVG using D3 v3, reading team data from a CSV file via `d3.csv`. A linear `d3.scale.linear` maps points to bar widths and a second linear scale maps wins to a blue-to-red color range. Each bar is a `<rect>` inside a `<g>` group, with a text label showing the points value and a `<title>` element for hover tooltips.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/mostaphaRoudsari/'>mostaphaRoudsari</a>'s block: <a href='http://bl.ocks.org/mostaphaRoudsari/2f743de93424ee968019390ff14ce598'>07_workshop_horizontal bar chart solved</a>

mit Licensed

Similar vizzes