Skip to main content
SimilarExport ZIP
100%

Laid_off_counts

✓ Published1🌍 Public
RRobFaj
Last edited Apr 4, 2023
Created on Apr 3, 2023

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

AI-generated description

Working with time

Temperature in degrees celcius in San Francisco for one week

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…

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
80% 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
79% 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
77% match
Loading thumbnail…

Bar Chart

This bar chart displays the top 10 companies with the highest number of laid-off employees, sourced from a CSV file. It uses React for component management and D3 v5 for rendering an SVG with scaleBand and scaleLinear axes. The bars are colored with a blue gradient based on index, and the data is sorted in descending order to emphasize the largest layoffs.

Kkartheekgurijala2023@gmail.com
75% 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
75% 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
74% 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