Skip to main content
SimilarExport ZIP
100%

Project_Task

✓ Published0🌍 Public
Pparvathi829790@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024

This example presents a dual-panel bar chart comparing the highest-salaried company locations for data science professionals during and after the COVID-19 pandemic. Using D3 v6, the visualization loads salary data from a CSV file, filters it by two distinct year ranges, and computes the maximum salary per location. It employs `d3.csv`, `d3.rollup`, `scaleLinear`, and `scaleBand` to rank and display the top 20 locations in each panel, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Project_Task

This example compares the highest salaries by company location before and after the COVID-19 pandemic, using a dataset of data science salaries loaded via `d3.csv`. Two horizontal bar charts are rendered side-by-side in an SVG, with the top chart covering 2020–2022 and the bottom chart covering 2023–2024. The code uses `d3.rollup` to compute maximum salaries per location, then sorts and slices the top 20 locations, applying `d3.scaleBand` and `d3.scaleLinear` with `d3.axisLeft` and `d3.axisBottom`. The charts are built with D3 v6, with hover styling applied to the bars.

Pparvathi829790@gmail.com
92% match
Loading thumbnail…

Project_Task8_BubbleChart

This D3.js (v6) example visualizes the highest salaries by company location from a data science salaries CSV, comparing the COVID-19 period (2020–2022) with the post-COVID years (2023–2024) using two stacked bar charts. It employs `d3.csv` to load the data, `d3.rollup` to aggregate maximum salaries by location, and `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft` to construct the charts. The SVG output renders bars as rectangles with hover effects, showing the top 20 locations for each period.

Pparvathi829790@gmail.com
89% match
Loading thumbnail…

Final Project Bar Chart

This bar chart displays Data Science Salaries from 2020 to 2024, sourced from a CSV file in a GitHub repository. The visualization uses D3 v5 to render an SVG with a blue bar for each year's average salary. It includes an interactive tooltip that appears on mouseover, showing the specific year and salary value. The chart features rotated x-axis labels and styled axes, with the bars animated via D3's transition methods for the tooltip opacity.

Kkowshiksamudrala08@gmail.com
78% match
Loading thumbnail…

Data Viz project

This example shows a pie chart and a stacked bar graph depicting data science salary information, with the pie chart breaking down experience levels and the bar graph ranking the top ten job titles by total salary. Both visualizations load salary data from a remote CSV file and use D3.js v7 APIs, including `d3.rollup` and `d3.rollups` for aggregation, `d3.pie` and `d3.arc` for pie slices, and `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` for chart scales. The code renders interactive SVG elements with hover effects on the bars, while the pie chart displays count labels, all styled with categorical color schemes.

AArungopal Andalam
78% match
Loading thumbnail…

Project1

A collection of bar charts, scatter plots, and pie charts visualizes data science salary trends. The charts include a bar chart of total salary by job title, a scatter plot of salary versus experience level, a top-10 job title salary bar chart, a stacked bar chart of employment types, and pie charts for skills and experience levels. Built with D3.js (v3 and v7), the examples use SVG rendering, `d3.scaleBand`, `d3.scaleLinear`, `d3.rollup`, `d3.pie`, and `d3.arc`. Data is loaded from a remote CSV file containing data science salary information.

AArungopal Andalam
78% match
Loading thumbnail…

bar2

This example shows the top 10 job titles from a data science salaries dataset, ordered by total salary in descending order, with each bar colored according to its job title. The visualization aggregates salary values using `d3.rollups`, sorts them with `d3.descending`, and renders stacked bars as SVG rectangles with a legend. It uses D3 v7 scales (`scaleBand`, `scaleLinear`, `scaleOrdinal`), axes (`axisBottom`, `axisLeft`), and a categorical color scheme (`schemeCategory10`). Data is loaded asynchronously from a CSV file via `d3.csv`.

AArungopal Andalam
78% match
Loading thumbnail…

PROJECT

The visualization presents a comparative analysis of data science salaries across the US and India, using four bar charts and histograms rendered as SVGs with D3 v6. It highlights the top highest-paying US job titles, the leading Indian companies by salary, and the salary distributions across different employment types and work models within the US market. The charts are generated using `d3.scaleBand` and `d3.scaleLinear` for axes, with data loaded from CSV files via `d3.csv`. Each chart applies a steelblue fill to bars and rotates x-axis labels for readability.

Bbrahmateja.edu2023@gmail.com
77% match
Loading thumbnail…

proj

This example presents two SVG visualizations of salary data. The first is a horizontal bar chart showing average salary by experience level, computed with `d3.group` and `d3.mean`. The second combines a blue line for average annual salary with a red line for COVID-19 new cases per year, using `d3.rollups` and `d3.line` on a dual-axis chart. Both are rendered with D3 v6, loading data from CSV files, and styled with basic CSS.

KKritin Kesav
77% match