Skip to main content
SimilarExport ZIP
100%

Fork of line chart

✓ Published0🌍 Public
Bbharathavulapati@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This line chart displays the fruit yield of apples from 2014 to 2024, sourced from a CSV file loaded via `d3.csv`. The visualization uses `d3.scalePoint` for the categorical year axis and `d3.scaleLinear` for the yield values, with a `d3.line` generator to draw the steelblue path. The SVG rendering includes rotated axis tick labels and custom text annotations for both axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of area chart

This area chart visualizes the fruit yield of apples from 2014 to 2024, drawn from a CSV file. The SVG chart uses d3.area to create a semi-transparent steelblue region, with d3.scalePoint for the year axis and d3.scaleLinear for the yield axis. Axes are rendered with d3.axisBottom and d3.axisLeft, with custom tick marks and rotated year labels.

Ppriyapravallika44@gmail.com
90% match
Loading thumbnail…

Fork of area chart

This fork of a D3.js area chart visualizes apple fruit yield from 2014 to 2024. The SVG chart uses a fixed y-scale from 25,000 to 35,000 and features a semi-transparent steelblue area. Data is loaded from an external CSV file via `d3.csv`, with the Apple row extracted by matching the fruit name. The visualization employs `d3.scalePoint` for the categorical year axis and `d3.scaleLinear` for the yield axis, while an `d3.area` generator constructs the path. Axis labels are added using standard D3 text elements, with rotated tick labels for readability.

Bbharathavulapati@gmail.com
89% match
Loading thumbnail…

Fork of linechart

This fork of a line chart visualizes product sales trends from 2018 to 2024, with each product’s sales values plotted as a separate line and points. The chart uses D3 v7 APIs including `d3.csv`, `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` to render an SVG with axes, grid lines, and a legend. Data is loaded from a remote CSV file.

AAmrit Adhikari
82% match
Loading thumbnail…

Fork of Line chart

This line chart visualizes yearly sales data from a remote CSV file, mapping time on the x-axis and sales values on the y-axis. The code uses D3 v7’s `d3.csv` to load and parse data, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.line` to generate a steelblue path. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, with custom formatting for years, and the SVG output is sized 800 by 400 pixels. The visualization demonstrates a clean, minimal line chart with labeled axes and no interactivity.

Mmadipadiga.raviteja@gmail.com
82% match
Loading thumbnail…

Fork of pie chart

A pie chart shows the total fruit yield from 2014 to 2024, with slices sized by each fruit's summed yearly values and sorted in descending order for readability. The visualization uses D3 v6's `d3.pie` and `d3.arc` to create the SVG paths, with `d3.scaleOrdinal` assigning colors from `d3.schemeCategory10`. A legend on the right maps each fruit to its colored box and total yield, built using D3's `selectAll` and `enter` operations. The underlying data comes from a CSV file fetched via `d3.csv` from a remote gist.

Bbharathavulapati@gmail.com
81% match
Loading thumbnail…

Fork of Fork of D3.js Line Chart

A D3.js line chart visualizes customer counts per year from a CSV file, with an orange-to-steelblue line drawn using `d3.line`, `d3.scaleBand` for the x-axis, and `d3.scaleLinear` for the y-axis. Title and axis labels are added via SVG `<text>`, while tick marks come from `d3.axisBottom` and `d3.axisLeft`. The chart, styled with a steelblue stroke and 40px axis text, demonstrates a basic line chart with categorical year positioning.

NNikitha123171
79% match
Loading thumbnail…

Fork of area chart

This area chart visualizes annual data from a CSV file loaded via `d3.csv`, using D3 v7 to render an SVG path with a steelblue fill. The chart employs `d3.area()` with linear scales for the x-axis (Year) and y-axis (Value), and includes bottom and left axes with labels. The data is fetched from a GitHub Gist URL, and axis tick formatting for the year is specified with `d3.format('d')`.

Rreddysushma994@gmail.com
79% match
Loading thumbnail…

Fork of area chart

This area chart visualizes annual data from a CSV file loaded via `d3.csv`, using D3 v7 to render an SVG path with a steelblue fill. The chart employs `d3.area()` with linear scales for the x-axis (Year) and y-axis (Value), and includes bottom and left axes with labels. The data is fetched from a GitHub Gist URL, and axis tick formatting for the year is specified with `d3.format('d')`.

Rreddysushma994@gmail.com
79% match