Skip to main content
SimilarExport ZIP
100%

Project_Task

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

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.

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

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

Project_Task

This example presents a dashboard for exploring data science employment trends before and after COVID-19. It uses a static HTML page with styled sections and navigation, linking to externally hosted Tableau-generated bar charts that compare salary against job title for different experience levels during and after the pandemic. The page relies on standard HTML and CSS for layout, with interactive hover effects on navigation links and data source anchors.

Pparvathi829790@gmail.com
75% 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
75% match
Loading thumbnail…

Final Project Bar Chart

This interactive bar chart displays the top five average salaries for Data Science job titles in 2023, using a dataset loaded from a GitHub gist. The visualization, rendered as an SVG via D3 v7, sorts salaries in descending order and uses a band scale for the categorical y-axis. Users can toggle individual job titles on or off through checkboxes, which filter the displayed bars. A "Clear All" checkbox resets the visibility state. Hovering over a bar triggers a CSS tooltip, showing the exact job title and salary, while the bar’s fill color changes from steelblue to orange.

DDuc Pham
75% 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
75% match