Skip to main content
SimilarExport ZIP
100%

AVN - Bar chart

✓ Published2🌍 Public
Aavnreddy95
Last edited Jun 26, 2022
Created on Jun 21, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Dinesh sai boppana

This bar chart displays the winners of the Indian Premier League 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. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map data, with `axisBottom` and `axisLeft` generating the axes. Data is loaded from a CSV file via `d3.csv`, and the chart is rendered as SVG elements, with the title and axis labels added as text.

DDINESH SAI BOPPANA
87% 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…

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

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.

AAyushman
74% match