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

AI-generated description

MIT Licensed

Similar vizzes

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

89% match

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

87% match

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

86% match

Loading thumbnail…

Nikita's Line Chart

This line chart displays the sales of Nykaa stock from 2009 to 2022, with time on the x-axis and sales values on the y-axis. The visualization uses D3 v5 to load CSV data from a GitHub gist, then applies `scaleTime` and `scaleLinear` to map the data, and renders the plot as an SVG with axes, grid lines, and a blue line path. The code includes custom axis labels and a title, with styling handled through an external stylesheet.

Nnikitamakkena

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

80% match

Loading thumbnail…

Nikita's Area Chart

This area chart displays Nykaa’s stock sales from 2009 to 2022, using a smooth curve to show sales trends over time. D3 v5 with SVG renders both a black line for the data and a filled navy area beneath it, with labeled axes for year and sales. The code uses `d3.csv` to load the data, `scaleLinear` for both axes, and `line` and `area` generators with `curveBasis`. Gridlines and tick formatting are applied via `d3.axisBottom` and `d3.axisLeft`.

Nnikitamakkena

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

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

76% match