Fork of Line Chart

100%

Fork of Line Chart

✓ Published0🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

This line chart displays company profits from 1947 to 2022, with years on the x-axis and profit values on the y-axis. It uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render a blue polyline with gridlines and labeled axes. The data is loaded from a CSV via `d3.csv`, parsed into numeric and date formats, and drawn as an SVG with a red underlined title. The chart’s axes include rotated labels for readability, and the line path is styled with a 4-pixel stroke.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

This line chart displays the profits of a company from 1955 to 2021, with the x-axis representing the year and the y-axis showing profit values. The visualization uses d3.scaleTime and d3.scaleLinear axes, with grid lines and axis labels styled via CSS. The line path is generated using d3.line and rendered as an SVG path with a blue stroke. Data is loaded from a CSV file hosted on GitHub Gist, parsed to convert the year into a Date object and profits into numbers, before being passed to the rendering function.

TTejaswi@3271

86% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart displays company sales data over time, with companies on the x-axis and sales figures on the y-axis. The visualization uses a red line to connect data points, with axis labels and a title for context. It loads CSV data from a GitHub gist using d3.csv, parses the date and numeric values, and renders the chart as an SVG using d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line.

Mmanvithareddykarra

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

83% match

Loading thumbnail…

Fork of Line Chart ice 7

This example visualizes restaurant profit trends from 1985 to 2024 using a line chart with overlaid circular points. The visualization combines a D3.js v7 line path and scatter-style circles to show profit values across years, with hover tooltips revealing exact figures. The code uses `d3.scaleBand` for the time axis and `d3.scaleLinear` for the profit axis, while the data comes from a remote JSON file. The line path and points are both styled with green fills, transitioning to orange on hover.

MM Hema

82% match

Loading thumbnail…

Fork of Line Chart

This visualization displays a line chart of store sales versus profit, with profit on the x-axis (treated as time) and sales on the y-axis. The line path is drawn in red using d3.line, while d3.scaleTime and d3.scaleLinear handle the axes, which are rendered with axisBottom and axisLeft. The SVG is 960 by 500 pixels, and the data is loaded as CSV from a GitHub gist, with the chart titled "Storesales profit."

AAnanyaSamala

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

81% match

Loading thumbnail…

Fork of Line Chart For The Restaurant Data

A line chart shows a restaurant’s profit in millions across recorded years, with green circular points marking each annual value and a green line connecting them. The chart uses D3.js version 7, employing `d3.scaleBand` for the x-axis years, `d3.scaleLinear` for the y-axis (fixed from 0 to 150), and `d3.line` to generate the path. Profit data is loaded from a remote CSV file via `d3.csv`, and hover interactions turn points orange. The visualization is rendered as SVG within a teal-styled page using the Poppins font.

Rrobertotienonyaranga@gmail.com

81% match

Loading thumbnail…

Fork of LineChart

This example shows gross profit per month from a CSV dataset, plotting each month’s value as a smoothed line over a time-based x-axis. The chart uses D3 v7 with SVG rendering, employing `d3.csv` for data loading, `scaleLinear` for both axes, `line` with `curveBasis` for the path, and `axisLeft`/`axisBottom` for labeled ticks. The code also includes a rotated y-axis label and a title, with margins defined for layout.

Ggabrielribeirob

81% match