Skip to main content
SimilarExport ZIP
100%

TechLaidoffs

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

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`.

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…

Fork of TechLaid-offs cummulative

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.

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
87% match
Loading thumbnail…

Kartheek_ICT5

This example visualizes tech industry layoffs using D3 v7 to load and parse CSV data from a gist. The page displays two static SVG illustrations: one of an office building with sad-faced employees to represent company layoffs, and another of a crying face with tear drops to symbolize employee distress. The visualization is accompanied by text explaining that the data was loaded and parsed using D3's `csv` function, and it summarizes the dataset size. The design uses simple, hand-crafted SVG shapes with a muted color palette of grays, white, and black, accented with blue tears, to emotionally convey the impact of layoffs in the tech sector. The project emphasizes data loading and parsing techniques using D3 v7 within a React framework.

Kkartheekgurijala2023@gmail.com
78% match
Loading thumbnail…

Tree Chart

This interactive D3.js v3 tree chart, rendered as an animated SVG diagram, maps a dataset of technology company layoffs organized by continent and country. It shows the hierarchical structure of the data with a root node labeled “Tech-Layoffs” branching into three levels: continents, countries, and individual companies. The chart uses distinct geometric shapes—circles, rectangles, and squares—and color-coding to differentiate node types, as explained in an on-page legend. Built with the D3 library, it displays nodes and white connecting links with a sky-blue background, though user interaction like clicking is limited to cursor styling.

Cchamarthisreenivasvarma@gmail.com
78% 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
78% 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
77% match
Loading thumbnail…

Simple Scatter Plot

This simple scatter plot visualizes the top 20 companies by layoff count from a dataset of layoffs, with each circle representing a company's total laid-off employees. The chart uses D3 v5 within a React component to load and parse CSV data, sorting and filtering to the 20 highest counts. The x-axis uses a linear scale for layoff numbers, while the y-axis employs a band scale for company names, with circles centered within each band. Rendering as SVG, the visualization includes labeled axes and was built using React hooks like `useState` and `useEffect`.

Kkartheekgurijala2023@gmail.com
76% match
Loading thumbnail…

Activity-6-Q4

This bubble chart visualizes layoffs across companies, plotting the number of employees laid off on the x-axis against the percentage of the workforce affected on the y-axis. Bubble size encodes the absolute layoff count, while color distinguishes companies, with a legend identifying each. The chart uses d3.csv to load data, d3.scaleLinear for axes, and d3.scaleSqrt for bubble sizing. Interactive tooltips display company details on hover. SVG circles render the data, with d3.axisBottom and d3.axisLeft providing labeled axes.

119n81a0581sunny@gmail.com
76% match