Skip to main content
SimilarExport ZIP
100%

Fork of Fork of AVN - ICE5

✓ Published0🌍 Public
Cchandanagandla
Last edited Mar 15, 2023
Created on Mar 15, 2023
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Cchandanagandla
100% match
Loading thumbnail…

Fork of AVN - ICE5

This horizontal bar chart displays IPL winners and their prize money in millions of dollars, with winning teams on the y-axis and prize values on the x-axis. The visualization uses d3.csv to load data from a gist URL, then applies d3.scaleBand and d3.scaleLinear to map team names and prize amounts. The SVG rendering uses d3.select, d3.axisBottom, and d3.axisLeft to construct the chart, with d3.format customizing tick labels. Rectangles filled with steelblue represent the data, while a title and axis label annotate the graphic.

DDINESH SAI BOPPANA
96% match
Loading thumbnail…

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.

Cchandanagandla
96% match
Loading thumbnail…

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.

Cchandanagandla
96% match
Loading thumbnail…

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
Loading thumbnail…

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
83% match
Loading thumbnail…

Fork of DV ICE 6

This bar chart displays the top 10 athletes by revenue in million dollars, using a horizontal bar layout with red bars and custom-styled axes. The visualization is built with React and D3 v5, employing `scaleBand` and `scaleLinear` to map athlete names and revenue values to SVG coordinates. Data is loaded from a CSV file via `d3.csv`, and the chart includes customized tick marks, red gridlines, and blue text labels. The axes are manually constructed using D3’s scale functions rather than pre-built axis components.

Mmanishcheruku
79% match
Loading thumbnail…

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