Skip to main content
SimilarExport ZIP
100%

CS360 Project Website

✓ Published0🌍 Public
DDuc Pham
Last edited Apr 13, 2024
Created on Apr 6, 2024

This example presents a project website for a data science salary visualization, documenting the creator, project description, and links to a bar chart demo. The page is built with basic HTML and CSS, using inline styles for colored text and standard anchor tags for navigation. It does not include any JavaScript or visualization code itself, instead serving as a static informational hub. The linked bar chart is hosted externally on VizHub, but the main page functions as a pure HTML/CSS document without additional libraries or rendering frameworks.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

CS360 - Project Alpha Release

This visualization presents salary distributions across data science job titles using four linked D3 charts: a horizontal bar chart, a box plot, a violin plot, and a multi-set bar chart. The code loads salary data from a CSV file with job titles and salaries, sorts it, and renders the charts as SVG elements. It uses d3.scaleBand and d3.scaleLinear for the bar chart, alongside additional D3 v4 and v7 APIs for the statistical plots, all embedded in a React-based HTML page with custom CSS styling.

DDuc Pham
77% 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
73% match
Loading thumbnail…

Data Visualization Project

This example presents a gallery of visualizations, beginning with an embedded Tableau public dashboard and including multiple iframes of D3-based charts such as bar, pie, scatter, tree, and 3D bar graphs hosted on VizHub. The page also references Google Colab and Figma-embedded screenshots. Built with React, the code uses standard HTML, CSS, and JavaScript to lay out these components, with the Tableau Viz API script loading the interactive dashboard and VizHub iframes displaying the individual charts.

Aav.dj.2000@gmail.com
72% 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
72% 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
72% match
Loading thumbnail…

Project

This interactive visualization displays salary distributions by job title using an interactive bar chart. It uses D3.js (d3.v7) to load and process the data from a CSV file, grouping by job title and computing average salaries. A sidebar with range sliders, number inputs, and a dropdown menu allows users to filter by salary range and sort the bars by either salary or job title. The bars are rendered as SVG rectangles, with a hover effect that changes the fill color to highlight individual bars.

VVenkataSatyaRamKamini@my.unt.edu
72% 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
71% match
Loading thumbnail…

Bar Chart

This example demonstrates a minimal bar chart implementation using HTML, CSS, and JavaScript, with the page title "Bar Chart" and the body styled for large centered text. It renders a static "Hello HTML" message rather than an actual chart, serving as a bare-bones template for web-based visualization. The code uses vanilla JavaScript within an inline `<script>` tag, with no external libraries or data sources specified, and appears to be a starting point for building interactive charts.

RRED98310
71% match