Skip to main content
SimilarExport ZIP
100%

Fork area

✓ Published1🌍 Public
RRamyapriyaPutta
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from ICE 7 : Line Chart

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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
84% match
Loading thumbnail…

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

TTulluripallavi
84% match
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
81% match
Loading thumbnail…

Fork of DV Assignment 2

This visualization displays a horizontal bar chart comparing the number of users across different applications. Each bar’s length represents the user count for a specific application, with data loaded from a remote CSV file using d3.csv. The React-based implementation uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, rendering bars as SVG rectangles. Axes are generated through custom React components, and d3.format with SI prefixes formats tick labels into readable abbreviations.

NNagateja99
80% match
Loading thumbnail…

Fork of Assignment2_Question

This horizontal bar chart shows the number of users for 50 applications, with each bar representing a single application sorted along the y-axis. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` to map application names and user counts to SVG rectangles. The data is loaded from a remote CSV file with `d3.csv`, and axes are rendered with custom React components containing D3 tick formatting via `d3.format`.

Vvineelaramulapalli32
79% 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
79% 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
78% match
Loading thumbnail…

Fork of Fork of four

This area chart displays a synthetic time series from a CSV file, plotting daily values that rise and fall in a peak pattern. The visualization uses a steelblue line and semi-transparent fill to show the trend. Built with D3.js v7, it parses CSV data and uses `d3.scaleLinear` for axes, `d3.area` and `d3.line` for shapes, and renders to SVG. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`.

Mmsahithipatel@gmail.com
78% match