Fork of Line Chart

100%

Fork of Line Chart

✓ Published0🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

This fork of a line chart by priyankachary1701 visualizes total book borrow counts per publication year, drawn from a CSV of library books. The D3 v7 code fetches the data, rolls it up by year with `d3.rollup` and `d3.sum`, then renders an SVG line and points. The chart includes axes, gridlines, and a hover tooltip, using D3 scales (`scaleLinear`), `d3.line`, and the selection API alongside `d3.csvParse` for data ingestion.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Area chart

This area chart visualizes the total borrow count of library books per year. The data is loaded from a CSV file hosted on GitHub and aggregated by year. The chart uses a soft blue filled area with a line overlay and circular markers to emphasize data points. Hovering over a point reveals a tooltip. Built with D3 v7, it uses methods like `d3.area`, `d3.line`, `d3.csvParse`, and `d3.rollup` to process the data and render SVG elements. Grid lines and labeled axes provide context for the temporal trends.

Ppriyankachary1701@gmail.com

86% match

Loading thumbnail…

Fork of Reusable Scatter Plot

This scatter plot visualizes library books by pages and borrow count, with point size encoding rating and color encoding genre. The visualization is built using D3 v7, employing the reusable scatter-plot factory pattern similar to Bostock's approach. It uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for sizing, `d3.scaleOrdinal` with `d3.schemeTableau10` for colors, and `d3.axisBottom`/`d3.axisLeft` for ticks. Tooltips display title, pages, borrows, rating, and genre, while a legend maps genre colors. Data comes from `Library_book.csv`, loaded via a Gist URL.

Ppriyankachary1701@gmail.com

80% match

Loading thumbnail…

Fork of D3.js Line Chart

This visualization presents a line chart of customer counts from 2000 to 2010, using data loaded from a CSV file. The chart uses an SVG rendering with D3.js v7, employing `d3.scaleBand` for the x-axis (year) and `d3.scaleLinear` for the y-axis (customers). A `d3.line` path generates the line, with axes created via `d3.axisBottom` and `d3.axisLeft`. The example demonstrates a fork of a basic D3 line chart, initially inspired by reusable charts, though the code here is a straightforward implementation with labeled axes.

NNikithakatta30

80% 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.

79% 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

79% match

Loading thumbnail…

Fork of Fork of D3.js Line Chart

This line chart visualizes customer counts per year from 2000 to 2010 using a CSV dataset. It renders an SVG with D3 v7, employing a band scale for the x-axis and a linear scale for the y-axis. The line path is drawn with `d3.line()`, positioned at each band’s center, and styled with steelblue strokes. Axes are generated using `d3.axisBottom` and `d3.axisLeft`.

GGogineni44

79% match

Loading thumbnail…

Fork of Fork of ICE-7 Line Chart

This line chart shows book sales per year, with a green line tracing the trend over time. The chart includes labeled axes, gridlines, and a title, using D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` APIs. Data is loaded from a CSV file via `d3.csv`, with year values parsed as dates. The SVG is rendered with margins and axis labels, and gridlines are created by setting negative tick sizes on the axes.

KKarnisrikanth

79% 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

79% match