Ianmp

@Ianmp·2 public vizzes

Customizing Axes

This bar chart displays the average viewership per season for two TV shows, Friends and HIMYM, based on a supplied CSV dataset. It demonstrates how to customize D3 axes, with axis ticks removed, custom tick formatting using `d3.format`, and axis labels styled via CSS. The visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with axis functions like `d3.axisLeft` and `d3.axisBottom`. The rendered output is an SVG generated with D3 v5.

Jun 16, 2020

Loading thumbnail…

series BarChart

This example shows a grouped bar chart comparing viewer ratings for two TV series, Friends and How I Met Your Mother, across ten seasons. The chart uses an SVG container with a fixed width and height, and the data is loaded from a CSV file using d3.csv. The visualization is built with D3 v5 within a React framework, though the primary rendering logic relies on D3’s selection and data-join methods. The bars are not yet drawn in the provided code, as the script only logs the parsed data to the console.

Jun 16, 2020