Skip to main content
SimilarExport ZIP
100%

Fork of TechLaid-offs cummulative

✓ Published1🌍 Public
Bbmurill2019
Last edited Apr 9, 2023
Created on Apr 6, 2023
Forked from TechLaidoffs

This line chart displays the cumulative number of tech layoffs over time, with the x-axis representing timestamps and the y-axis showing the cumulative count formatted in billions. The data is loaded from a CSV file and parsed using d3.csv, with dates converted to JavaScript Date objects. The visualization is rendered as an SVG using d3.scaleTime, d3.scaleLinear, axis generators, and a d3.line generator with a curveBasis interpolation. Axis labels and a title are added as SVG text elements, styled through the accompanying CSS file.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

TechLaidoffs

This visualization shows global layoffs over time, plotting each incident’s laid-off count against its timestamp to reveal trends in workforce reductions worldwide. The chart uses a D3 v5 line generator with a basis curve, mapping time to the x-axis and layoff counts to a linear y-axis with abbreviated tick formatting. Data is loaded from a CSV file via `d3.csv`, parsed into dates and numbers, and rendered as an SVG with maroon stroked paths and labeled axes. The y-axis labels are formatted using `d3.format`, and the line path is smoothed using `d3.curveBasis`. The visualization includes a title and axis labels, with scales created via `d3.scaleTime` and `d3.scaleLinear`.

Bbmurill2019
87% match
Loading thumbnail…

Laid_off_counts

This visualization displays the monthly count of laid-off tech employees over time, with each data point represented by a colored circle. The circles are positioned along a time-based x-axis and a linear y-axis, and their fill colors transition from blue through orange to red based on the layoff count magnitude. A smooth line connects the data points, and hovering reveals the exact date and count. The visualization uses D3 v7's `scaleTime`, `scaleLinear`, and `line` functions within a React framework, rendering as SVG, with data loaded from a CSV file via `d3.csv`.

RRobFaj
80% match
Loading thumbnail…

Line Chart

This line chart visualizes the number of laid-off employees for various companies, with the data loaded from a CSV file. It uses D3’s `scaleBand` and `scaleLinear` for positioning, along with `axisLeft` and `axisBottom` to render axes. The line is drawn with `d3.line` and `curveBasis` to create smooth curves. The chart includes labeled axes, rotated tick labels for the x-axis, and a title, all within a responsive SVG container.

Kkartheekgurijala2023@gmail.com
76% match
Loading thumbnail…

Line Chart

This line chart visualizes the top 10 companies by number of laid-off employees, using the count on the y-axis and company names along the x-axis. The data is sourced from a CSV file and rendered as a smooth, curved line via D3’s `line` generator with `curveBasis`. Axes are built with `scaleLinear` and `axisBottom`/`axisLeft`, while tick labels show company names. The chart includes a title, axis labels, and a grid created by tick lines, with the SVG rendered at 960 by 500 pixels.

Kkartheekgurijala2023@gmail.com
74% match
Loading thumbnail…

Area Chart

This area chart visualizes the top 10 companies with the highest layoff counts, using a smooth curve to show the relative magnitude of workforce reductions. The chart employs D3 v5’s `area()` generator with `curveBasis` to create a filled, flowing shape beneath the line, while `scaleBand` and `scaleLinear` position companies along the x-axis and counts along the y-axis. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes labeled axes and a title, with styling defined in an external stylesheet.

Kkartheekgurijala2023@gmail.com
73% match
Loading thumbnail…

Fork of Fork of line chart section 3

This line chart displays world population totalsales per year from 2013 to 2021, using a red line over a time-scaled x-axis and linear y-axis. The SVG visualization is built with D3 v5, loading CSV data from a GitHub gist, parsing date strings with `d3.timeParse`, and rendering axes and the line path via `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line`.

TTejucmandava
72% match
Loading thumbnail…

Fork of A week in San Francisco - Line chart

This line chart visualizes the number of comments over time from a CSV dataset. The x-axis represents time, while the y-axis maps temperature, though the data lacks a temperature column. Built with D3 v5, the code uses `select`, `csv`, `line`, `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render an SVG with grid lines, axis labels, and a smooth curve. The chart displays a title and styled paths via CSS.

Mmorjyooo
72% 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
72% match