Skip to main content
SimilarExport ZIP
100%

ICE7-q2-1

✓ Published1🌍 Public
Ppashamsahithi2391@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from ICE7-q2

This D3.js v7 SVG line chart visualizes cosmetic stock levels across product IDs. The chart plots a blue Stock line with red data point markers, using a linear x-axis for ProductID and a y-axis scaled from zero to 110% of the maximum stock value. Data is loaded from a remote CSV file via `d3.csv`, and the visualization employs `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.line` to generate the path geometry.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7-q3

This area chart displays stock levels by product ID for a cosmetics dataset, showing a clear upward trend in inventory quantities as product IDs increase. The visualization uses a blue filled area with a darker blue stroke to represent the stock values, with an annotated legend clarifying that the shaded region corresponds to stock levels. The code loads CSV data from a GitHub gist, maps the ProductID and Stock fields to numeric values, and constructs the chart using d3.csv, d3.scaleLinear for both axes, and d3.area to generate the filled path. Axis labels and ticks are rendered using d3.axisBottom and d3.axisLeft within an SVG container.

Ppashamsahithi2391@gmail.com
90% match
Loading thumbnail…

ICE-7 Q3

A line graph displays Amazon's daily closing stock price from late May through mid-August 2019, with dates on the x-axis and price on the y-axis. The line is drawn in steelblue with a 1.5-pixel stroke. The visualization uses D3 v6 APIs including `d3.timeParse`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to process the CSV data and render the SVG path.

Vvaishnavgck@gmail.com
83% match
Loading thumbnail…

ICE7-q2

This example shows the distribution of cosmetics brand stock as a pie chart, with each slice labeled directly on the chart and an interactive legend to the side displaying brand names and total values. It uses D3.js v7 with SVG rendering, loading CSV data from a GitHub Gist via `d3.csv`. The chart employs `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, and `d3.group` with `d3.sum` to aggregate stock values by brand.

Ppashamsahithi2391@gmail.com
82% match
Loading thumbnail…

ICE7 linechart

This line chart visualizes monthly sales in 2022, with the x-axis showing months and the y-axis displaying sales figures in thousands of USD. The chart is rendered as an SVG using D3 v5, employing `scalePoint`, `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes. A purple line path is generated with D3’s `line` API, and the data is loaded from a CSV file via `d3.csv`. Styling for fonts, grid lines, and the line stroke is defined in a separate CSS file.

MM
82% match
Loading thumbnail…

ICE 7

This example shows a reusable D3 scatter plot of product sales versus profit, with each circle representing an item and axes scaled to the data. It fetches CSV data from a GitHub Gist, falling back to embedded data if the request fails. The visualization is built with `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom`, and drawn as SVG circles. The plot is sized to the window and styled with the Share Tech font, using a minimal, full-screen layout.

Ssarasaketh3@gmail.com
81% match
Loading thumbnail…

ICE7

This example renders a monthly sales area chart using D3 v7, displaying sales trends from January to December. The visualization combines a light steel-blue filled area with a steel-blue line overlay, plus orange circles marking individual data points. The chart uses SVG rendering with D3’s scalePoint for the categorical month axis and scaleLinear for the numeric sales axis. Data is loaded from a CSV file and processed with d3.csv, while area and line generators construct the paths. Axis labels and a title annotate the chart.

BBHUMIKA CHUNDU
81% match
Loading thumbnail…

ICE 7 Line Chart

This chart shows sample sales data from 2010 to 2022 as a single line, with a time-scaled x-axis for years and a linear y-axis for sales values. The visualization uses D3 v5 to load CSV data, then draws an SVG line path using `d3.line`, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The code imports modules like `scaleTime`, `scaleLinear`, `extent`, and `max` from D3 via a Rollup bundle that outputs to `bundle.js`. The styling applies custom CSS for gridlines, axis labels, and the stroke color of the line path.

Ddheeraj1509
80% match
Loading thumbnail…

ICE-7 Line Chart

This line chart displays annual sales for an e-commerce site from 2009 to 2019, with a blue line tracing the trend over time. Using D3 v5, it loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and constructs the visualization with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`. The SVG includes gridlines from tick marks, axis labels, and a styled path, with sales values formatted using `format('.3s')`. The chart is rendered entirely in SVG with axes positioned inside a margin-defined area.

PPrasanth Damarla
80% match