Ice 6 Bar chart: US Inflation

100%

Ice 6 Bar chart: US Inflation

✓ Published0🌍 Public

Ddiwashhumagain@my.unt.edu

Last edited Oct 18, 2025

Created on Oct 18, 2025

This combined bar and line chart displays the total runs scored and batting average for fifteen selected Indian cricketers, highlighting individual performance metrics. The visualization uses D3.js (v7) to render steelblue bars for runs on a left axis and a crimson line with points for averages on a right axis, with hover tooltips providing precise values. Gridlines are customized using `d3.axisLeft` with negative tick sizes, and axis labels are rotated via SVG text transforms. Data is loaded from a local CSV file using `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 Indian Cricketers ODI Runs Bar Chart

This example visualizes the ODI career runs of Indian cricketers as a static bar chart. The chart orders players by total runs and displays their run counts as vertical bars. The implementation uses D3.js for rendering SVG elements, including scales for mapping data to pixel coordinates and axes for labeling. The data is hardcoded within the script, and the visualization is presented on a plain HTML page with minimal styling. The code demonstrates a straightforward bar chart layout without interactive features or animations.

Ssharathchandrareddymuthyam

83% match

Loading thumbnail…

Cars

This combined bar and line chart visualizes the top 15 Indian cricketers by runs, with bars representing total runs and a line overlaying their batting average. The chart uses two y-axes to accommodate the different scales of the data, sourced from the provided CSV file. Built with D3 v7, it employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for both y-axes, and custom gridlines. Tooltips on bars and line points reveal exact values, with hover effects highlighting individual data points.

AALIMINETI SPOORTHY REDDY

80% match

Loading thumbnail…

ICE_6

This example displays the top 10 all-time leading run-scorers in cricket as a horizontal bar chart. The SVG visualization uses D3 v5 with `d3.scaleLinear` and `d3.scaleBand` to map runs and player names, while `d3.axisLeft` and `d3.axisBottom` render the axes. Data comes from a CSV file loaded via `d3.csv`, with run values parsed as numbers. Each player’s total runs are shown as orange bars, with a titled chart and formatted tick labels using `d3.format`.

Vvineeth-001

78% match

Loading thumbnail…

ICE-6_D3_Avinash

A scatter plot displays the relationship between runs scored and balls faced for eight Indian cricket players, with each player’s name labeled beside their corresponding data point. The visualization uses a linear scale for both axes, mapping balls faced on the x-axis and runs on the y-axis. Built with D3.js v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft), it renders circles and SVG text labels from a local CSV file. The chart includes axis titles and a descriptive heading, providing a clear comparison of batting performance across the players.

Aavinashpandian79@gmail.com

77% match

Loading thumbnail…

ICE-6 Barchart

A bar chart displays cricket tournament wins by country from 1975 to 2025, aggregated from CSV data using D3 v7. Each bar uses a blue-to-teal linear gradient with a drop shadow filter, and animates upward on load. Hovering reveals a tooltip showing the exact win count. The chart includes rotated x-axis labels, gridlines, and animated count-up value labels.

SSainathreddypotu@gmail.com

77% 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

77% match

Loading thumbnail…

Ice-6

This example displays a horizontal bar chart of cricket batsmen’s number of not-outs in test matches, with player names on the y-axis and the count on the x-axis. The visualization uses D3 v5 with an SVG renderer, employing `d3.scaleLinear` and `d3.scaleBand` for scales and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, and each number of not-outs is parsed as a numeric value before rendering the bars.

Ppeesarie

77% match

Loading thumbnail…

Data Visuliazation ICE-6

This bar chart displays the total runs scored by the top 10 cricketers from a CSV dataset, with each player’s name labeled on the y-axis and run counts plotted along the x-axis. The visualization uses React for component rendering and d3.csv to load and parse the data, while d3.scaleBand and d3.scaleLinear handle the categorical and quantitative scaling. Axis ticks and gridlines are generated via xScale.ticks(), and the chart is styled with a light blue fill and black text.

TTharun2022

76% match