Skip to main content
SimilarExport ZIP
100%

Fork of Fork of third

✓ Published0🌍 Public
119h61a05c9@cvsr.ac.in
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from Fork of third

This line chart visualizes monthly sales growth from January 2021 to January 2025 using a smooth monotone curve. The SVG rendering relies on d3.scaleTime, d3.scaleLinear, d3.line with curveMonotoneX, and d3.axisBottom/axisLeft, with data loaded via d3.csv from sales_trend.csv. Orange circles mark individual data points, while labeled axes and a title clarify the upward trend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of third

This line chart visualizes monthly sales growth from January 2021 through January 2025, showing a steady upward trend from 420 to 1,195 units. The chart is rendered as an SVG using D3.js v6, with a monotone-smoothed blue line and orange circular markers at each data point. The time-series data is loaded from a CSV file and parsed using `d3.timeParse`, with scales set via `d3.scaleTime` and `d3.scaleLinear`, and axes drawn using `d3.axisBottom` and `d3.axisLeft`. Rotated month labels and custom titles complete the visualization.

119h61a05c9@cvsr.ac.in
94% match
Loading thumbnail…

Fork of Fork of fourth

This area chart displays monthly sales growth from January 2021 through January 2025, showing a steady upward trend in units sold. The D3.js v6 visualization uses `d3.area()` with `d3.curveMonotoneX` to render a smooth filled path, with lightsteelblue fill and steelblue stroke. The code loads data from a CSV file via `d3.csv()`, parses dates with `d3.timeParse()`, and constructs time and linear scales using `d3.scaleTime()` and `d3.scaleLinear()`. Grid lines are added through custom axis configurations, while rotated month labels and axis titles provide context. The SVG output includes a white background, rounded corners, and a subtle shadow effect.

119h61a05c9@cvsr.ac.in
90% match
Loading thumbnail…

Fork of fourth

This area chart visualizes monthly sales growth from January 2021 through January 2025, with each data point from the `sales_area.csv` file showing a steady upward trend. The visualization uses D3.js v6, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.curveMonotoneX` to render a smooth, filled area path in SVG. The chart includes rotated x-axis labels, grid lines, and axis labels, with the area fill set to `lightsteelblue` with a `steelblue` stroke.

119h61a05c9@cvsr.ac.in
86% match
Loading thumbnail…

third

This example shows the monthly sales trend from 2021 to 2025 as a smooth line chart. The chart displays a single steelblue line with orange data points, with rotated month labels on the x-axis and a linear y-axis. Built with D3 v6, the code uses `d3.csv` to load `sales_trend.csv`, `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` with `d3.curveMonotoneX` for the smoothed path, and `d3.axisBottom` and `d3.axisLeft` for tick marks. The SVG rendering includes a title and axis labels.

119h61a05c9@cvsr.ac.in
84% match
Loading thumbnail…

Fork of third

A line chart displays average monthly temperatures from 2021 to 2024, with the x-axis encoding month-year and the y-axis temperature in degrees Celsius. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes, and `d3.line` with `curveMonotoneX` to draw the smoothed path. Orange circles mark individual data points, and tooltips appear via SVG `title` elements, all sourced from an external CSV file.

Mmsahithipatel@gmail.com
83% 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.

MM
82% match
Loading thumbnail…

Fork of D3 Starter 3

This multi-series line chart shows the daily trends of sales, profit, and expenses over the first half of 2024, applying D3’s `scaleLinear` and `scaleUtc` to map the data. It renders three monotone curves via `d3.line()` and `d3.curveMonotoneX`, using ordinal colors for each series and displaying interactive tooltips on hover. The visualization includes rotated monthly axis ticks, a legend, and axis labels, all drawn as SVG elements.

Vvijaysaichigullapally1@gmail.com
82% match
Loading thumbnail…

Fork of Fork of third

A line chart displays average monthly temperatures from 2021 to 2024, with time on the x-axis and degrees Celsius on the y-axis. The code loads a local CSV file using `d3.csv`, parses dates with `d3.timeParse`, and builds the visualization with D3 v7. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.curveMonotoneX` for a smooth line, and `d3.axisBottom` and `d3.axisLeft` for tick labels. Orange circles mark each data point with a hover tooltip.

Mmsahithipatel@gmail.com
82% match