Fork of pooja's Line Chart

100%

Fork of pooja's Line Chart

✓ Published0🌍 Public

Last edited Mar 12, 2023

Created on Mar 12, 2023

This visualization displays the sales of Myntra from 2011 to 2022 as a line chart, with time on the x-axis and sales figures on the y-axis. The chart is rendered using the D3 library (v5) in SVG format, applying `scaleTime` and `scaleLinear` for scaling, `axisBottom` and `axisLeft` for axes, and a `line` generator to draw the path. Data is loaded from a CSV file via a GitHub gist URL using `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pooja's Line Chart

This fork of Pooja's line chart visualizes Myntra's stock sales from 2011 to 2022, showing a temporal trend of sales figures over the years. The SVG chart uses d3.scaleTime and d3.scaleLinear for the axes, while d3.line generates the path connecting data points. d3.csv loads the dataset from a GitHub gist, with year values parsed as Date objects and sales as numbers. The visualization includes axis labels, a title, and styling through an external CSS file.

PPoojaThandra

95% match

Loading thumbnail…

Fork of Pooja's Area Chart

This fork of Pooja's area chart visualizes Myntra's stock sales from 2011 to 2022 using a combined line and area chart rendered as an SVG. It utilizes D3 v5 APIs such as `d3.area`, `d3.line`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to draw the smoothed basis curve and the filled area beneath it. The data is loaded from a CSV file via `d3.csv`, with sales values parsed as numbers and years mapped to the x-axis. Styling is applied through external CSS, defining the chart’s colors and tick formatting.

PPoojaThandra

88% match

Loading thumbnail…

Fork of pooja's Line Chart

This line chart visualizes the sales of Nykaa from 2009 to 2022, with time on the x-axis and sales figures on the y-axis. The chart is rendered as an SVG using D3 v5, with axes formatted via `d3.axisBottom` and `d3.axisLeft`, and the line drawn using `d3.line`. Data is loaded from a GitHub Gist CSV file using `d3.csv`, and parsed into date and numeric values before being passed to the rendering function.

PPoojaThandra

87% match

Loading thumbnail…

Fork of Line Chart

This line chart displays electronic sales in India from 2000 to 2013, with time on the x-axis and sales values on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map data from a CSV file loaded via d3.csv. It renders an SVG path generated with d3.line, with axes created using d3.axisBottom and d3.axisLeft. Grid lines, axis labels, and a title are styled through CSS rules defined in style.css.

Ppavankalyan1507

78% match

Loading thumbnail…

Fork of Fork of Fork of Line Chart

This visualization shows product sales from 2015 to 2022, with time mapped to the x-axis and sales figures on the y-axis. The line chart uses a red stroke to trace the sales trend across years. The code loads CSV data from a gist URL using d3.csv, converts the Year column to Date objects and Sales to numbers, then renders the chart with d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line. The SVG output includes gridlines via tickSize and axis labels, with the margin and inner dimensions calculated for layout.

Sspandhanabadekol

77% match

Loading thumbnail…

Fork of Nikita's Line Chart

This line chart visualizes Nykaa stock sales from 2009 to 2022, with years on the x-axis and sales on the y-axis. The D3 v5 code loads CSV data from a GitHub gist, converts the year strings to Date objects, and scales the axes using `scaleTime` and `scaleLinear`. It renders an SVG line path via `line` and adds axis labels and a title using `axisBottom`, `axisLeft`, and appended text elements. Grid lines are created by setting negative tick sizes on both axes.

VVenkata Rajashekar Reddy Chinthala

77% match

Loading thumbnail…

Fork of Fork of line chart section 3

This line chart displays mobile purchases in India from 2010 to 2020, with time on the x-axis and purchase counts on the y-axis. The visualization uses d3.csv to load external data, then applies d3.scaleTime and d3.scaleLinear for scaling, with d3.axisBottom and d3.axisLeft for labeled gridlines. A d3.line generator creates the red path rendered as SVG, while d3.timeParse converts year strings into date objects for proper temporal positioning.

NNaveenrajaYalagandula

77% match

Loading thumbnail…

Fork of Fork of line chart section 3

This visualization displays car sales data from 2013 to 2021, using time on the x-axis and total sales on the y-axis. Drawn as a red SVG line via `d3.line`, the chart employs `d3.scaleTime` for the temporal axis and `d3.scaleLinear` for sales, with axes generated by `d3.axisBottom` and `d3.axisLeft`. Data is loaded as CSV from a GitHub gist and parsed with `d3.timeParse`. The example builds on D3 v5, using modular imports and a simple margin-based layout with custom axis labels.

RRahulChaitu999

76% match