Skip to main content
SimilarExport ZIP
100%

Fork of SDV_Project_Visualization_3

✓ Published0🌍 Public
Hhemanthkakani1999@gmail.com
Last edited Apr 25, 2024
Created on Apr 25, 2024

This line graph visualization compares average stock prices and average layoffs per month in 2022, using two separate datasets loaded via `d3.csv`. The chart renders two overlaid lines in green (stock price, left axis) and red (layoffs, right axis) within an SVG, employing `d3.scaleBand` for the categorical month axis with rotated labels, and `d3.axisLeft`/`d3.axisRight` for the dual y-axes. The lines are drawn with `d3.line` paths, and the visualization includes an x-axis label, axis titles, and a legend to identify each series.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

SDV_Project_Visualization_2

A dual-axis line chart compares 2024 data science salaries and layoffs across five countries, using a shared x-axis for country names while plotting salary (left axis, in USD) and layoff counts (right axis) as separate polylines. The visualization pairs two CSV datasets loaded via `Promise.all` and `d3.csv`, filters them by year, and maps common countries before rendering SVG axes with `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight`. Lines are drawn using `d3.line`, with scales including `d3.scaleBand` and two `d3.scaleLinear` domains for the differing metrics.

Hhemanthkakani1999@gmail.com
85% match
Loading thumbnail…

Fork of Line Chart

This fork of a line chart displays the number of laid-off employees for various companies, with company names on the x-axis and laid-off counts on the y-axis. The visualization uses D3’s `scaleBand` for categorical positioning, `scaleLinear` for the numeric axis, and the `line` generator with `curveBasis` to create a smooth path through data points. Axes are rendered with `axisLeft` and `axisBottom`, where tick labels are rotated and the domain lines removed. Data is loaded from a CSV file via `csv` and rendered as a responsive SVG chart.

Ppraveennayak1702@gmail.com
77% match
Loading thumbnail…

Fork of Fork of Fork of Line Graph

A simple line chart visualizes Tesla stock closing prices from May 2019 to the following year. The visualization uses D3.js (v7) to load CSV data via `d3.csv`, parse dates with `d3.timeParse`, and render an SVG path using `d3.line()`. The chart includes axes, title, and axis labels, making it a straightforward time-series example.

Vvemuri.vaishnavi27@gmail.com
75% match
Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes monthly sales data for 2022, plotting sales figures against months. The chart uses D3 v5 and renders as an SVG, with a purple line connecting data points. It employs `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with axis labels and a title styled through CSS. The visualization includes gridlines via the y-axis tick size.

MM
75% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example displays two D3.js v7 visualizations in a single SVG: a pie chart categorizing stock closing prices into three ranges and an area chart showing closing prices over time. The pie chart uses `d3.pie` and `d3.arc` with ordinal color scaling, while the area chart employs `d3.area` and `d3.scaleTime`/`d3.scaleLinear` axes. Both render from the same CSV dataset fetched via `d3.csv`, showing the date and closing price values.

Ssohith kampalli
75% match
Loading thumbnail…

Fork of Fork of D3 Starter

This visualization presents daily sales, revenue, and profit trends from a CSV dataset across two SVG charts. The first chart displays three overlaid time-series lines for each metric, with colored dots for each data point. The second combines bars for sales with a line for profit, using hover-triggered tooltips for interactivity. Built with D3 v7, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for path generation. Gridlines, axis labels, and a legend support readability.

Ssainishanthreddyk@gmail.com
75% match
Loading thumbnail…

Fork of Fork of Fork of D3 Starter

This visualization analyzes daily sales, revenue, and profit trends using two D3.js v7 SVG charts. A multi-series line chart displays all three metrics over time, while a combined chart overlays sales as bars with a profit line, both featuring custom tooltips and a styled interface using the Poppins font. The code loads CSV data via `d3.csv`, constructs scales with `d3.scaleTime` and `d3.scaleLinear`, and renders paths and bars with `d3.line` and `d3.axisBottom`, applying color-coded series and gridlines for readability.

Ssainishanthreddyk@gmail.com
75% match
Loading thumbnail…

Fork of Fork of line chart section 3

This visualization displays the closing rate of Salesforce stock from July to November 2020 as a red line chart. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to render SVG axes, gridlines, and a path. The data is loaded from a remote CSV using `csv` and parsed with `d3.timeParse`. The y-axis is labeled "Closing Rate" and the x-axis "Date," with margins and tick padding styled via CSS.

DDeegutla123
75% match