parkseora

@parkseora·2 public vizzes

D3 bar graph

This example demonstrates a D3 bar graph that reads from a CSV file about characters in Korean films, including their movie name, age, gender, and disability type. The code initializes the visualization by loading the data with `d3.csv`, then iterates through the rows to log each character’s English name and gender to the console, preparing for later chart construction. The implementation uses D3 v6 within a React framework, with the HTML page referencing the D3 library via a CDN script tag.

Dec 25, 2020

Loading thumbnail…

Fork of Victory!

This example uses React hooks and Victory Charts to load a CSV file and render a bar chart comparing gender counts. The `useState` and `useEffect` hooks fetch `pivot_gender.csv` via d3’s `csv` function, parsing the numeric `value` column, then pass the data to `VictoryBar` inside a `VictoryChart`. The chart displays two bars for male (23) and female (15), with a custom tick label style and domain padding.

Dec 25, 2020