Skip to main content
100%

d3js workshop - animated bar charts

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

This animated bar chart visualizes the English Premier League standings as of February 2015, showing each team’s points and wins. Built with D3.js v3, it renders an SVG bar chart where bar lengths correspond to points, while bar colors and circular markers encode win counts on a blue-to-red scale. Clicking a bar or circle triggers a transition (via `transition.attrTween`-style updates) that switches the displayed metric, with text labels and tooltips revealing team names. The visualization reads data from a CSV file and uses `d3.scale.linear` for both position and color, with all elements rendered as SVG shapes.

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/b65c971877b2950a3f38332eb8c24400'>08_workshop_animated horizontal bar chart</a>

mit Licensed

Similar vizzes