Skip to main content
SimilarExport ZIP
100%

Fork of Fork area

✓ Published13🌍 Public
TTulluripallavi
Last edited Mar 28, 2022
Created on Mar 27, 2022
Forked from Fork area

This area chart displays the number of Android users over time, with a smooth curve filled in orange. The visualization uses D3 v6 APIs including `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.curveBasis` to render the SVG path. Data comes from a CSV file parsed with `d3.csv`, with dates converted via `d3.timeParse`. The chart includes labeled axes and a title, with grid lines extending across the plotting area.

AI-generated description

This linechart shows one week of temperature (in degrees Celcius) in San Francisco. Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork area

This area chart shows the number of Android users over time, using a filled path to represent the data. The visualization is built with D3 v6, using `scaleTime` and `scaleLinear` for the axes, `area` with `curveBasis` to generate the smooth filled region, and `axisBottom` and `axisLeft` for the tick marks and labels. Data is loaded from a CSV file containing yearly user counts, and the chart is rendered as an SVG with custom styling for the title and axis text.

VVenkata Rajashekar Reddy Chinthala
96% match
Loading thumbnail…

Fork area

This fork-area chart displays the number of Apple users over time, with a purple filled area beneath a smooth curve. The visualization uses D3 v6 with SVG rendering, employing `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the path. Data is loaded via `csv` from a remote dataset, with dates parsed using `timeParse`. Axes are customized with tick formatting and labels, and the chart includes a titled layout with margins, gridlines, and rotated axis text.

SSnigdha6698
89% match
Loading thumbnail…

Fork of Fork area

This area chart visualizes the population of China over time, using a smooth basis curve to fill the space between the x-axis and the data line. The visualization employs D3’s `area`, `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render the SVG, with labeled axes and a title. Data is loaded from a remote CSV file, parsed, and mapped to date and numerical values for plotting.

MMar-99
84% match
Loading thumbnail…

Fork area

This visualization shows the number of applications over time as a purple filled area chart, with the title "Number of Applications" displayed above the plot. The code loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and renders the chart using D3 v6’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` APIs. Axes are drawn with `axisBottom` and `axisLeft`, including grid lines and custom tick formatting. The SVG output includes styled axis labels, ticks, and a title, all laid out within specified margins.

RRamyapriyaPutta
84% match
Loading thumbnail…

Area chart

This area chart displays the number of Android users over time, plotted as a smooth, filled curve. The visualization uses D3 v6 to load CSV data, parse date values, and generate an SVG area path with `d3.area` and `curveBasis`. Axes are created with `d3.axisBottom` and `d3.axisLeft`, while scales from `scaleTime` and `scaleLinear` map data to pixel coordinates. The dataset comes from AndroidUsers.csv, and the chart includes labeled axes and a title.

Ssrivalliwuyyuru
84% match
Loading thumbnail…

Fork of area

This visualization displays car sales data over time as a filled area chart, with time on the x-axis and sales volume on the y-axis, rendered as an SVG. It uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.area with curveBasis to create the smooth, orange shaded region. Data is loaded from a CSV file via d3.csv and parsed with d3.timeParse, with formatted tick labels using d3.format. The chart includes styled gridlines, axis labels, and a title, all styled via external CSS.

CCherukuriMilind
82% match
Loading thumbnail…

Fork of Area Chart

This chart shows how many people visited a location each year from 2010 to 2019, combining a smooth blue line for the trend with a filled yellow area beneath it. The visualization uses d3.scaleTime and d3.scaleLinear to map the date and visitor count, with d3.line and d3.area generators using a curveBasis interpolation. Data is loaded from a CSV file, and the axes include formatted tick labels with grid lines, rendered as SVG elements.

SSaikiran2029
82% match
Loading thumbnail…

Fork of Fork of area

This area chart visualizes car sales data over time, with a line overlay and interactive tooltip that displays the exact sales value for a given year upon mouse hover. The visualization uses D3 v6 to load CSV data, create time and linear scales, render axes with gridlines, and generate the area path with a basis curve. A tooltip with a circle indicator follows the mouse position to highlight data points, while a title and axis labels provide context for the chart's content.

Ssitaramchallapalli
82% match