Skip to main content
SimilarExport ZIP
100%

Line Chart

✓ Published1🌍 Public
Kkartheekgurijala2023@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

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.

AI-generated description

A responsive line chart.

MIT Licensed

Similar vizzes

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
90% 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
81% 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
78% match
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
78% 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
77% 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
77% 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
76% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of company layoffs, ranking the top 10 companies by laid-off count in a circular layout with labeled segments and a legend. It uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and color-coded segments, while loading data from a CSV via d3.csv. The visualization includes percentage-like tick labels formatted with d3.format and renders text labels directly on the arcs.

Kkartheekgurijala2023@gmail.com
75% match