Skip to main content
SimilarExport ZIP
100%

Fork of Fork of ICE 7 Area Chart

✓ Published0🌍 Public
DDeegutla123
Last edited Jun 30, 2022
Created on Jun 30, 2022

This visualization shows Salesforce stock closing rates from July to November 2020, combining a smooth line chart with an area chart beneath it. The SVG renders with D3 v5, using `scaleLinear`, `axisLeft`, `axisBottom`, `line`, `area`, and `curveBasis` to create the curved paths. Data is loaded via `csv` from a GitHub gist, with the x-axis representing months and the y-axis showing closing rates.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of line chart section 3

This visualization displays the closing rate of Salesforce stock from July to November 2020 as a red line chart. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to render SVG axes, gridlines, and a path. The data is loaded from a remote CSV using `csv` and parsed with `d3.timeParse`. The y-axis is labeled "Closing Rate" and the x-axis "Date," with margins and tick padding styled via CSS.

DDeegutla123
86% match
Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This visualization combines a line chart and an area chart to display sales trends over time, with the area fill highlighting the magnitude of change. The chart uses a time-scaled x-axis and a linear y-axis with gridlines, and the line is smoothed using a basis curve. Built with D3 v5, the code creates SVG paths via the `line` and `area` generators, and loads its data from a CSV file containing population figures.

Bbindhureddy98
86% match
Loading thumbnail…

Fork of ICE-7 Area Chart

This fork of ICE-7 Area Chart visualizes the cost of sales from 2000 to 2013 using an area chart with a smooth curve. The SVG rendering uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, `line`, `curveBasis`, `axisLeft`, and `axisBottom`. A black line traces the data while a yellow filled area beneath it emphasizes the trend. The chart loads CSV data from a GitHub gist, formats years as dates, and labels axes with the provided titles.

Ssumit
85% match
Loading thumbnail…

Fork of Fork of ICE-7 Area Chart

This example displays the cost of sales from 2000 to 2013 as a smooth area chart, with the filled region emphasizing the trend over time. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `line` generators with a `curveBasis` smoothing, rendered as SVG paths. Axes are drawn with `axisLeft` and `axisBottom`, including gridlines and formatted tick labels via `format('.3s')`. Data is loaded as CSV from a GitHub gist, parsed into `Date` objects for the year and numeric cost values, and positioned within margins using a standard SVG `<g>` transform.

Ssumit
84% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This visualization displays the sales of a company in India from 2011 to 2020, combining a smooth line chart with a filled area beneath it to emphasize the trend over time. The chart uses D3 v5 with SVG rendering, employing `d3.line()`, `d3.area()`, and `curveBasis` to generate the paths, along with `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes. Data is loaded from a CSV via `d3.csv` and parsed with `d3.timeParse`.

Mmanvithareddykarra
83% match
Loading thumbnail…

Fork of ICE-7 Area Chart

This area chart visualizes the cost of sales from 2000 to 2013, highlighting trends over time with a smooth, curved line and a filled area beneath it. The chart uses D3 v5 to load and parse CSV data, then applies scales for time and linear values, with axes labeled accordingly. The visualization renders as an SVG, featuring a yellow filled area and a black line, and includes gridlines and tick formatting for readability. The data source is a CSV file hosted externally, processed with D3's `csv` function.

Ssaiyogesh9911@gmail.com
83% match
Loading thumbnail…

Fork of Area Chart

This example shows electronic sales closing rates from 2013 to 2021 using a combined line and area chart. The orange line traces the data points with a smooth curve, while the red area beneath fills the space down to the baseline. The visualization loads CSV stock data and uses d3.csv, d3.scaleTime, d3.scaleLinear, and d3.line with d3.area and curveBasis to render the SVG paths. Axes are generated with d3.axisLeft and d3.axisBottom, with dates parsed via d3.timeParse.

DDeegutla123
83% match
Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This area chart displays car sales by year up to 2020, using a smooth basis curve to connect data points while filling the area beneath the line in green. The visualization employs d3's `scaleTime` and `scaleLinear` for axes, along with the `line`, `area`, and `curveBasis` generators to create the chart. Data is loaded from a CSV file hosted on GitHub, parsed with d3's time parsing, and rendered as SVG with custom axis labels and tick formatting.

VVenkata Rajashekar Reddy Chinthala
83% match