Fork of AVN - ICE5

Fork of Fork of AVN - ICE5

This example shows a horizontal bar chart of IPL winners, with team names on the y-axis and prize money in million dollars on the x-axis. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom to render the axes. Data is loaded from a remote CSV using d3.csv, with prize values coerced to numbers. Bars are drawn as SVG rectangles filled with steelblue, and the chart includes a title and axis label.

Fork of Fork of AVN - ICE5

Fork of Fork of Fork of AVN - ICE5

This bar chart displays IPL winners and their prize money in millions of dollars, with teams on the y-axis and prize amounts on the x-axis ranging from 0 to 15. Using D3 v5, it applies `scaleLinear` for the x-axis and `scaleBand` for categorical team labels, with `axisLeft` and `axisBottom` generating the axes. The SVG rendering includes a title, axis label, and steel-blue rectangles, with data loaded via `d3.csv` from a GitHub gist. Tick formatting uses `format('.3s')` to abbreviate large numbers.

Fork of Fork of Fork of AVN - ICE5

AVN - Fork of Let's make a Bar Graph with D3.js

This example visualizes IPL final results from 2008–2022 as a horizontal bar chart, showing prize money in crores for each winning team alongside their captain and runner-up. It loads external CSV data using `d3.csv`, then renders SVG rectangles positioned with `scaleBand` and `scaleLinear`. The chart applies `axisBottom` with tick formatting, removes default domain lines, and labels axes and title. Data values are parsed to numbers before rendering. The visualization uses D3 v7 with a static SVG container sized 960×500.

Aavnreddy95

87% match

AVN - Bar chart

This visualization displays the winners of the Indian Premier League (IPL) and their prize money in millions of dollars, with winning teams on the y-axis and prize amounts on the x-axis scaled from 0 to 15. The bar chart is rendered as an SVG using D3 v5, with data loaded from a CSV file via `d3.csv`. It employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` for the axes. The bars are drawn as `rect` elements, with numeric prize values parsed using the unary plus operator.

Aavnreddy95

86% match

Fork of ICE 7 Pie Chart

This pie chart displays the total championship wins for each IPL team up to 2019, using data from a CSV file. The D3.js v5 code uses `d3.pie` to compute the arc segments, which are rendered as SVG paths with `d3.arc`. The chart is colored with a `d3.scaleOrdinal` color scale, and legends are generated manually using SVG circles and text elements. The data is loaded asynchronously via a custom `getData` function that utilizes `d3.csv`.

Sskambhore04

79% match