ICE-7 Line chart-Srinivas

100%

ICE-7 Line chart-Srinivas

✓ Published0🌍 Public

Last edited Mar 11, 2023

Created on Mar 11, 2023

This line chart displays the number of runs Sachin Tendulkar scored each year, using a blue line plotted over an SVG canvas. The x-axis represents years, scaled with d3.scaleTime, while the y-axis shows runs, scaled with d3.scaleLinear. Data is loaded asynchronously from a CSV file using d3.csv. Axes are generated with d3.axisBottom and d3.axisLeft, and the line path is constructed with d3.line. The chart includes labeled axes and grid lines rendered via tick marks.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 Line Graph_Bharath

This interactive line chart displays MS Dhoni’s career run totals by year, using a blue line with circle markers and a vertical rule that follows the mouseover to highlight exact values. The visualization is built with the vega-lite-api library and rendered using Vega-Lite, with data loaded from a CSV via d3.csv. It includes tooltip handlers and custom styling from a separate config file, offering a clear, hover-driven exploration of performance metrics.

Bbharathsivakumar07

82% match

Loading thumbnail…

ICE-7 Line Chart

This example shows a line chart depicting cricket run data over time, with the y-axis representing runs and the x-axis representing players. The chart uses a red gradient stroke for the line and includes labeled axes for clarity. The visualization is built with D3 v6, using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the scales and axes, while a `line` generator with `curveBasis` smooths the data path. Data is loaded from a CSV file via `csv()`, and the SVG rendering is styled with CSS classes.

LLG0498

81% match

Loading thumbnail…

ICE-7 Line chart SKM

This line chart displays the runs scored by the top 40 Test cricket players, sorted from highest to lowest, and uses a rotated x-axis to fit player names. The chart is built with D3.js (v7) and rendered as an SVG, fetching data from a remote CSV file via `d3.csv`. The visualization employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with a line path created using `d3.line` and configured with `d3.axisBottom` and `d3.axisLeft` for the axes.

Mmedurisk7@gmail.com

79% match

Loading thumbnail…

ICE-7 Line chart

This line chart displays yearly run totals from a CSV file, using a blue line to show the trend over time. The D3 v5 code leverages `scaleTime` and `scaleLinear` to map data to axes, `axisBottom` and `axisLeft` for tick marks, and a `line` generator to create the path. The SVG is rendered with a grid and labeled axes, with data loaded via D3's `csv` function.

LLG0498

79% match

Loading thumbnail…

ICE-7 Area chart

This area chart displays yearly runs scored, with a smooth curve and a sky-blue filled region beneath the line. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, while axes are rendered with `axisBottom` and `axisLeft`. Data is loaded from a CSV file via `d3.csv`, with years parsed as dates and runs as numbers. The chart includes formatted tick labels and prominent axis titles, all styled with CSS.

LLG0498

78% match

Loading thumbnail…

ice7

This line chart shows the number of wickets taken in ODI cricket from 2000 to 2010, with year on the x-axis and wicket count on the y-axis. Built with D3 v5, it uses `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for gridlines, and a `line` generator to create the blue path. The data is loaded from a CSV and rendered as SVG.

Vvineeth0000

77% match

Loading thumbnail…

ICE-7 Area Chart-Srinivas

This area chart displays the profits of a software company from 2009 to 2021, with a smooth curved line and filled region beneath it. The visualization uses D3 v5 to load CSV data, parse dates with `d3.timeParse`, and generate scales via `scaleTime` and `scaleLinear`. The line and area shapes are created with `d3.line` and `d3.area` using `curveBasis`, while axes are rendered with `axisBottom` and `axisLeft`. The SVG rendering includes custom styling for orange labels, blue tick text, and a light green fill for the area.

Ssrinivasaraosankula

75% match

Loading thumbnail…

ICE-7 Line Chart

This line chart displays electronic sales in India from 2009 to 2022, with the year on the x-axis and sales figures on the y-axis. The visualization is rendered as an SVG using D3 v5, with data loaded from a CSV file hosted on GitHub. The chart uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` to generate the path. Axes are labeled with `axisBottom` and `axisLeft`, and the chart includes a title and custom styling for the line and text.

SSaiSree0122

75% match