Skip to main content
SimilarExport ZIP
100%

on me way

✓ Published0🌍 Public
UUlbert Alain Odle
Last edited Oct 19, 2021
Created on Oct 12, 2021

This line chart visualizes bicycle sales over time, with a black path connecting data points to show the trend. The plot uses D3 scales (`scaleTime`, `scaleLinear`) for axes and a React-based rendering pipeline with SVG output. Data is loaded as CSV from a gist and parsed with `d3.csv`. Axes are generated via custom React components, while the line path is drawn using the `d3.line` generator. Styling applies Poppins font and muted teal accents.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

line chart section 3

This line chart shows bike sales from 2013 to 2021, with the x-axis representing years and the y-axis representing sales values. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with red strokes, while CSV data is loaded via `csv()` and parsed with `d3.timeParse`. The visualization includes gridlines via tick sizes and axis labels for “years” and “sales.”

DDeekshithVemula
79% match
Loading thumbnail…

AVN - Line chart

This example shows annual bike sales over time as a single blue line chart, with labeled axes for years and sales figures. The visualization is rendered as an SVG using React and D3 v5, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator to map CSV data loaded via D3’s `csv` method. The data source is a raw GitHub gist containing sales-per-year records, parsed with `d3.timeParse` to convert dates before plotting.

Aavnreddy95
78% match
Loading thumbnail…

Fork of Bike Sales ICE-7 Q3

A line chart displays bike sales over time, with the x-axis showing yearly dates and the y-axis measuring population as a proxy for sales volume. The visualization loads CSV data from a GitHub gist using `d3.csv`, then renders an SVG path generated with `d3.line` and scales from `scaleTime` and `scaleLinear`. Axes are drawn with `axisBottom` and `axisLeft`, including custom tick marks and labels, while CSS styles the orange stroke and red title.

Aarcothanmukha
76% match
Loading thumbnail…

Line chart

This line chart visualizes yearly sales data using a time-series line graph. The SVG rendering uses D3.js v7 with `d3.csv` for data loading, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes, and `d3.line` to generate the path. Data comes from a remote CSV file accessed via a gist URL.

Rr79162810@gmail.com
76% match
Loading thumbnail…

Line graph

This line graph displays car sales from 2010 to 2020, with years on the x-axis and sales on the y-axis. The visualization uses React with D3 v5 APIs such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate an SVG chart. Data is loaded from a CSV file hosted on GitHub, and rendered with styled axes, a red line path, and a title. The chart includes labeled axes and gridlines via tick sizes.

Ssumanthsomu1
76% match
Loading thumbnail…

AVN - Area Chart

This area chart visualizes annual bike sales, with a smooth curve drawn using D3’s `line` and `area` generators with `curveBasis`. The SVG renders an orange filled region beneath a black stroke line, while styled axes include gridlines and labels. Data is loaded via `csv` from a GitHub gist, parsed with `d3.timeParse`, and scaled using `scaleTime` and `scaleLinear`. The React framework hosts the D3 v5 code, with axes generated by `axisBottom` and `axisLeft`.

Aavnreddy95
75% match
Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes the relationship between time and money sold, using data from the Data Canvas Sense Your City dataset. It presents a smooth, natural curve through the points, drawn with a thick teal stroke. The chart uses React to render SVG elements, with scales and axes created using D3's `scaleTime`, `scaleLinear`, `extent`, and `timeFormat`. The line's path is generated with D3's `line` and `curveNatural` functions, while the tick marks and labels are custom components. The visualization is styled with the Poppins font and a distinct color palette.

UUlbert Alain Odle
75% match
Loading thumbnail…

line chart ice7

This line chart displays bike users from 2012 to 2022, with time on the x-axis and user counts on the y-axis. The SVG visualization uses d3.scaleTime and d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and d3.line to generate the path. Data is loaded via d3.csv from a GitHub gist, then parsed with Date and numeric conversions before rendering.

Ddivyagunuguntla
75% match