Skip to main content
SimilarExport ZIP
100%

DV_project_phase_3

✓ Published0🌍 Public
Jjampani921@gmail.com
Last edited Nov 29, 2024
Created on Nov 29, 2024

This visualization displays the change in worker counts for various companies from 2014 INC data, using vertical bars colored in steel blue. Hovering over a bar turns it dark orange and triggers a tooltip showing the company name and worker difference. The chart is built with D3.js v7, using `d3.csv` for data loading, `d3.scaleBand` and `d3.scaleLinear` for axes, and SVG rects for bars, with tooltip interactivity controlled through mouse events and CSS opacity transitions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of SVG

This visualization uses a grouped bar chart to compare job title populations between 1980 and 2023. The code loads data from a merged JSON dataset via `d3.json()` and uses `d3.scaleBand()` for the categorical x-axis, `d3.scaleLinear()` for the y-axis, and SVG `<rect>` elements to render the bars. Hovering over a bar triggers an interactive tooltip that shows the job title and population value. The chart is built with the D3 library (v6) and rendered as static SVG with CSS styling for the legend and tooltip.

MMonish Galla
72% match
Loading thumbnail…

Fork of Activity6_Task2_Question 2-3

This visualization uses a stacked bar chart to show the distribution of jobs across five locations—New York, Texas, New Jersey, San Jose, and others—for four job categories. Each bar segment represents a percentage, with colors mapping to locations via d3.scaleOrdinal. The chart uses d3.stack to compute stacked series, d3.scaleBand and d3.scaleLinear for axes, and d3.axisBottom with tick marks. Interactive tooltips appear on mouseover, revealing the exact percentage value using d3.format. Data is loaded from a local CSV file, and the SVG is rendered with D3 v7.

Kkondaveeti.bhargavi7780@gmail.com
72% match
Loading thumbnail…

Activity 6

A stacked bar plot displays the distribution of three categories—Process, People, and Technology—across five company departments, with horizontal bars scaled by the number of employees. Hovering over a segment highlights it and shows a tooltip with the exact category and count. Built with D3 v7, the visualization uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to position rectangles within an SVG, while an ordinal color scheme assigns distinct hues. Data is loaded from a local CSV file, and the chart includes labeled axes and a legend.

MMannava Priyanka Chowdary
71% match
Loading thumbnail…

Activity 6_Task 4_Question

This bubble chart visualizes employee statistics for major tech companies, plotting revenue on the x-axis and employee count on the y-axis. Each circle’s size encodes market capitalization, its color distinguishes companies via a categorical scale built with `d3.scaleOrdinal` and `d3.interpolateViridis`. Data is loaded from a CSV using `d3.csv`. The SVG renders axes with `d3.axisBottom` and `d3.axisLeft`, and a tooltip appears on mouseover. A legend with dashed connector lines explains market-cap ranges, and hover interactions increase opacity.

Ccharankumarreddyveeramreddy@my.unt.edu
71% match
Loading thumbnail…

Bar chart

This bar chart displays work, stop, and idle statuses for four crews, with each crew’s data encoded as a single green bar scaled along a time-based x-axis from November 2016 to February 2017. The visualization uses d3.csv to load data, d3.scaleTime for the horizontal axis, d3.scaleBand for vertical positioning, and d3.scaleOrdinal for potential color mapping, though bars are uniformly styled via CSS. SVG rendering in index.html receives the chart through d3 selections and axes, with the dataset split into three columns per crew.

GGeolffrey S Mena
71% match
Loading thumbnail…

ACT6_TUT4_TASK1

This bubble chart displays the relationship between employee count and annual revenue for ten major tech companies, with bubble size and color encoding each company’s innovation score. The visualization uses D3 v7 with SVG rendering, employing scaleLinear for the x and y axes, scaleSqrt for bubble radius, and scaleSequential with the Viridis interpolator for color. Hover interactions trigger a custom tooltip showing company details. Data is loaded asynchronously from a CSV file using d3.csv, with axes generated via d3.axisBottom and d3.axisLeft.

RRevanth putta
71% match
Loading thumbnail…

barGraph

This bar chart visualizes Indian startup data from a CSV file, mapping company names along the x-axis and city indices along the y-axis. Animated SVG rectangles transition when sorting buttons are clicked, reordering bars by ascending or descending city values while blue circles mark the exact data points. Built with d3.v5, the visualization uses scaleBand, scaleLinear, axisBottom, axisLeft, and transition methods, with tooltips displaying company and city information on mouseover.

Hhm0421
71% match
Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of employee ratings across six tech job positions, using a horizontal stacked bar chart where each bar represents 100% of responses divided into four rating categories from “Below 5.0” to “Above 8.5.” The chart uses D3 v7 with SVG rendering and loads data from a CSV file containing counts for each position and rating category. Tooltips display the position, rating range, percentage, and count when hovering over segments. Data is transformed from counts to percentages using d3.stack, with scales implemented via d3.scaleLinear and d3.scaleBand, and a custom one-off legend added to the visualization.

Ddineshnimmagadda1@gmail.com
71% match