mimatador

@mimatador·3 public vizzes

Face Maker

A yellow SVG face with eyes, nostrils, and a line for a mouth is drawn using D3 v5. Eyebrows animate up and down, followed by an angry mouth that disappears before a smile fades in. The code uses `d3.select`, `d3.arc`, and `transition.attr` with `duration` and `delay` to coordinate the facial expressions.

Mar 16, 2019

Loading thumbnail…

Customizing Ranking of German Companies

This example demonstrates the ranking of the 50 largest German companies by revenue, displayed as a horizontal bar chart. The chart uses a linear x-axis for revenue in billions and a categorical y-axis for company names, with bars drawn as SVG rectangles. The D3 v5 implementation builds the visualization using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, loading data from a semicolon-delimited CSV file. The data originates from German Firm Statistics 2017.

Feb 6, 2019

Loading thumbnail…

Ranking of German Companies

This bar chart ranks the 50 largest German companies by revenue in billions of euros, using a horizontal layout with company names on the y-axis and revenue on the x-axis. The visualization is built with D3 v5, employing `scaleLinear` for the quantitative axis and `scaleBand` for the categorical company names, rendered as SVG rectangles filled with steelblue. Data is loaded from a semicolon-delimited CSV file via `dsv`, with revenue values parsed as numbers before binding to the scales. The chart includes left and bottom axes generated by `axisLeft` and `axisBottom`, with margins and padding applied to the band scale for readability.

Feb 6, 2019