Skip to main content
SimilarExport ZIP
100%

Fork of Line Chart

✓ Published1🌍 Public
CChi Aghaizu
Last edited Mar 26, 2023
Created on Mar 26, 2023
Forked from Line Chart

This visualization displays the total inward remittance from Algeria over time using a time series line chart. The chart employs D3 v6 with SVG rendering, using `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Axis labels and a title are added via SVG text elements, with dark orange styling for the line. The data is loaded from a CSV file using `d3.csv`, parsed with year values converted to Date objects and remittance values to numbers.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart

This area chart visualizes total inward remittance from Algeria over time, using a time-scaled x-axis for years and a linear y-axis for remittance amounts in millions of USD. The code leverages D3 v6 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `d3.area` to generate the filled path. Data is loaded from a CSV file via `d3.csv`, with the year field parsed as a `Date` object. The SVG rendering includes labeled axes, gridlines via tick sizes, and an orange area fill, with the chart styled using the Optima font.

CChi Aghaizu
88% match
Loading thumbnail…

Line Chart

A line chart displays total inward remittance in US dollars over time, with year on the x-axis and automobile sales on the y-axis. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render the SVG path, with axes and gridlines styled via `tickSize`. The chart loads CSV data from a gist, formatted with `format` for tick labels, and includes labeled axes and a bold title.

CChi Aghaizu
73% match
Loading thumbnail…

Fork of line chart

This example visualizes yearly total sales with a line chart, plotting date values against sales figures on Cartesian axes. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map the data domain, while d3.axisBottom and d3.axisLeft generate the tick marks and labels. Data loads from a CSV file at a GitHub gist URL, and the line path is drawn using d3.line. The visualization removes axis domain lines, adds axis labels, and styles the path with a black stroke.

Rrohinikotha
70% 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
69% match
Loading thumbnail…

Fork of Line Chart

This visualization presents a line chart of population over time for different countries, with the year on the x-axis and current population on the y-axis. The code uses d3.csv to load population data from a GitHub gist, then applies d3.scaleTime and d3.scaleLinear to map the data, and d3.line to generate the path. The SVG rendering includes axis labels and a title, with the line path styled in red via CSS. The example demonstrates a straightforward data-driven chart using D3 v5.

0057SatvikDamera
69% match
Loading thumbnail…

Fork of Stylized Line React

This visualization presents a time-series bar chart of reported migrant deaths and missing persons, aggregated into monthly bins from a CSV dataset. The chart displays the total count per month along a continuous time axis, with bars whose heights correspond to the summed values. The implementation uses React components, D3 v7 utilities such as `scaleTime`, `scaleLinear`, `histogram` for binning, and `timeMonths` for thresholds, rendering as SVG with custom axes and marks. The data is loaded via `d3.csv` from a remote gist, and styling uses the Poppins font.

Ww.fukuyama@gmail.com
69% match
Loading thumbnail…

Fork of Multiple Line Chart

This visualization displays military spending trends from 2001 to 2020 across multiple countries, with each country’s annual spending plotted as a line over time, and the aggregated data using all points rather than separating by nation. It employs D3 v5’s `scaleLinear` for both axes, `line` with `curveBasis` to smooth the path, and `nest` to group the dataset by country, though the chart ultimately draws a single combined line. The SVG rendering includes custom axes with gridlines, a title, and axis labels, sourced from a CSV file containing country, year, and spending values.

KKinjal-Goyani
69% match
Loading thumbnail…

Fork of Line chart v1

This interactive visualization displays the evolution of the number of published albums per year for a selected country, using a line chart built with D3 v5 and rendered as SVG. When the user clicks on a country, a modal appears showing additional statistics, including total albums and top genres and artists. The chart uses d3.json to load the dataset, d3.scaleTime and d3.scaleLinear for axes, and d3.axisLeft/axisBottom to draw them with grid lines. The line itself is generated with d3.line and path elements, while tooltips and a Bootstrap modal provide further detail.

Iivaleehan
68% match