Ayushman

@ayushmann01·2 public vizzes

D3.js bars and charts

This visualization displays a horizontal bar chart of cricket player statistics from IPL 2021, ranking players by their total runs scored. Each bar represents a player, with the x-axis showing run counts and the y-axis listing player names from the loaded CSV dataset. The chart is rendered using D3.js v7 within a React framework, employing d3.csv for data loading, d3.scaleLinear and d3.scaleBand for scales, and d3.axisLeft and d3.axisBottom for axes. The visualization uses SVG rendering with steelblue bars to encode the quantitative values.

Mar 4, 2022

Loading thumbnail…

D3.js demo

This example visualizes a smiling face constructed entirely from basic SVG shapes using D3.js version 7. The code selects an SVG element and appends a yellow circle for the face, two black circles for eyes, and a curved path for the mouth using the `d3.arc` API. The visualization demonstrates fundamental D3 selection and data-joining techniques within a React framework, with the SVG dimensions derived directly from the element's attributes.

Mar 1, 2022