Skip to main content
SimilarExport ZIP
100%

chocolate sales in india

✓ Published0🌍 Public
KKiran Jyothi Bodduluri-11604571
Last edited Mar 12, 2023
Created on Mar 12, 2023

This visualization shows chocolate sales in India over time, with a smoothed line and filled area chart tracking yearly sales figures. The x-axis displays the year, while the y-axis shows sales values with abbreviated tick labels. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` to map data, and `line`/`area` generators with `curveBasis` to create the smooth curve and shaded region. Data is loaded via `csv` from a GitHub gist, with the year parsed using `d3.timeParse` and rendered as SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line_Chart_ChoclateSales

This line chart displays chocolate sales from 2008 to 2021, with the x-axis representing years and the y-axis showing total sales. The visualization uses D3 v5 within a React framework, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and a `line` generator to draw the sales trend. Data is loaded from a CSV file and rendered as an SVG, with gridlines added via tick sizes and labels for both axes.

RRahulChaitu999
82% match
Loading thumbnail…

ICE - 7 Area Chart for Choclate Sales

This area chart visualizes chocolate sales over time, using a smooth, basis-curved line to show the trend and a filled area beneath it to emphasize magnitude. Data is loaded from a CSV file, with the year parsed as a date and sales as a numeric value. The visualization is built with D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` and `d3.line` with `d3.curveBasis` for the chart marks, and SVG for rendering.

RRahulChaitu999
81% match
Loading thumbnail…

Fork of ICE - 7 Area Chart for choclate sales

This area chart visualizes chocolate sales over time, with a curved line and shaded region beneath it to emphasize trends. The visualization uses D3's `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to map yearly data to SVG coordinates, while `line` and `area` generators with `curveBasis` create the smooth chart shape. Sales data is loaded from a CSV file and parsed using `d3.csv` and `d3.timeParse`, with the chart rendered inside an SVG element. The page title and axis labels provide context for the displayed car sales metric.

RRahulChaitu999
78% match
Loading thumbnail…

Fork of Line_Chart_ChoclateSales

This D3.js line chart visualizes chocolate sales data from 2008 to 2021, plotting total sales against years. The chart uses SVG rendering within a React starter setup, with axes labeled "years" and "totalsales." The code loads CSV data via D3's `csv` function, transforms date strings using `d3.timeParse`, and builds the visualization with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`. Grid lines and axis labels are styled through CSS, while the sales trend line is drawn in red.

RRahulChaitu999
77% match
Loading thumbnail…

Fork of Line_Chart_ChoclateSales

This D3.js line chart visualizes chocolate sales data from 2008 to 2021, plotting total sales against years. The chart uses SVG rendering within a React starter setup, with axes labeled "years" and "totalsales." The code loads CSV data via D3's `csv` function, transforms date strings using `d3.timeParse`, and builds the visualization with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`. Grid lines and axis labels are styled through CSS, while the sales trend line is drawn in red.

RRahulChaitu999
77% match
Loading thumbnail…

Fork of Fork of Line_Chart_ChoclateSales

This example visualizes chocolate sales from 2008 to 2021 using a red line chart rendered in SVG. The chart displays years on the x-axis and total sales on the y-axis, with gridlines and axis labels styled via CSS. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, `line`, `axisBottom`, `axisLeft`, and `csv` to load and process the remote dataset. The SVG dimensions are set in HTML, and margins frame the plotted data.

RRahulChaitu999
76% match
Loading thumbnail…

Line Chart

This line chart visualizes electronic sales in India from 2000 to 2013, with years on the x-axis and sales values on the y-axis. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator to render an SVG path with blue strokes and green tick labels. Data is loaded as CSV from a GitHub Gist via `d3.csv` and parsed into `Date` and numeric values. The chart includes axis labels, titled text, and a grid-like structure created with tick lines.

Ppavankalyan1507
76% match
Loading thumbnail…

Area Chart

This area chart visualizes car sales in India from 2009 to 2019. Using D3 v5, it renders an SVG with a smoothed line and a pink filled area beneath it, showing the sales trend over time. The code loads CSV data, parses dates, and uses `d3.scaleTime` and `d3.scaleLinear` for the axes. It employs `d3.line`, `d3.area`, and `d3.curveBasis` to generate the paths, with styled tick marks and axis labels from `d3.axisBottom` and `d3.axisLeft`.

Ppavankalyan1507
75% match