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 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of pooja's Line Chart

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`.

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

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

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

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

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

79% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes monthly sales data for 2022, plotting sales figures against months. The chart uses D3 v5 and renders as an SVG, with a purple line connecting data points. It employs `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with axis labels and a title styled through CSS. The visualization includes gridlines via the y-axis tick size.

78% match

Loading thumbnail…

Fork of Fork of Line chart

This line chart visualizes car sales data from 2013 to 2021, plotting yearly totals as a single red path against time-based axes. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map years and sales counts, with d3.axisBottom and d3.axisLeft providing labeled ticks. The line is generated via d3.line and the data is loaded as CSV from a GitHub gist using d3.csv. Gridlines and axis labels clarify the values, while the chart’s title appears above the graphic.

VVenkata Rajashekar Reddy Chinthala

78% match