Skip to main content
SimilarExport ZIP
100%

Data Visualization experiment showing profits and employment over time. US Data.

✓ Published0🌍 Public
SSciutoAlex
Last edited Sep 10, 2013
Created on Sep 10, 2013

This data visualization experiment compares profits (earnings) and employment changes over time across several US industries, including Domestic, Manufacturing, Financial/Insurance, and Retail Trade. It uses animated bar charts rendered with SVG, where each bar’s height represents earnings and its color reflects the relative change in employment (green for growth, red for decline). The code leverages the D3.js v3 library, including `d3.time.scale` for the x-axis, `d3.scale.linear` for scaling values, and `d3.svg.axis` for rendering axes, with data loaded from an external JSON file.

AI-generated description

Similar vizzes

Loading thumbnail…

Industry Employment Visualization

This interactive visualization shows the distribution of employment across industries in each U.S. state, using data from the Bureau of Labor Statistics. It uses a bar chart format where each row represents an industry and each bar a state, positioned by the industry’s share of that state’s workforce. The chart is rendered in SVG, with buttons to switch between years (1990 and 2016) and regions (Northeast, Midwest, South, West), highlighting patterns in manufacturing, health care, and construction. The code leverages the D3.js v5 library, specifically `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisTop` to build the axes and grid, with tooltips on hover. Data is loaded from a CSV file and processed via a custom row converter.

AAjayyy
79% match
Loading thumbnail…

Industry Employment Visualization

This interactive visualization shows the distribution of employment across 20 industry sectors for all US states, with horizontal bars representing each state's share of its workforce in each industry. Users can filter by year (1990 and 2016) and highlight four geographic regions via buttons, while hovering reveals state names. The chart uses d3.v5 with SVG rendering, d3.scaleOrdinal for regional colors, and animated transitions when switching datasets. Data comes from the Bureau of Labor Statistics’ Quarterly Census of Employment and Wages.

TThanaporn-sk
76% match
Loading thumbnail…

Ass1-Question2

This area chart depicts industry profits from 2000 to 2010, using a violet filled region and a thick black line to show the trend over time. The visualization is built with D3 v5, using `scaleTime` and `scaleLinear` for the axes, and `area` and `line` generators with `curveBasis` to create the smoothed path from a remote CSV dataset. Axis labels are styled in orange and tick values in red to emphasize the data points.

Mmeenam1106@gmail.com
72% 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
71% match
Loading thumbnail…

Loading US GDP Data with Interactive Color Legend and Line Chart

This interactive visualization displays US GDP data, showing annual levels and percentage changes over time with a line chart. A scatter plot uses color-coded circles to represent each year, grouped into decades via an interactive color legend that highlights or fades data points on hover. The code relies on D3 v7's `scaleTime`, `scaleLinear`, `scaleOrdinal`, `line`, and `axisLeft/axisBottom/axisRight` modules to render the axes and chart. Data is fetched as CSV from the BEA via a GitHub raw URL and parsed with `csvParse` and `timeParse`.

SSeekerzero
70% match
Loading thumbnail…

Scientific Data Visualisation 3D Bar Plot

This example presents a 3D bar chart comparing the yearly profits of the top five motels in the USA across four years (2017–2020). The visualization loads CSV data from a GitHub gist, parses it into a multi-series format, and renders it using the d3-3d library alongside X3DOM for WebGL-based 3D output within a React context. The chart is built with D3 v5 utilities like `csv`, `select`, and `scaleLinear`, and the bars are generated via the custom `d3.x3d.chart.barChartMultiSeries` component, offering an interactive perspective on the profit trends.

SSravyaAnnadi
70% match
Loading thumbnail…

Number of Employed of Different Occupations in New York City

This animated bar chart shows how employment levels across 25 occupations in New York City change over time, with bars ranking occupations by workforce size and shifting positions as values fluctuate. The visualization uses D3 v6 with SVG rendering, loading data from a CSV file via `d3.csv` and interpolating between yearly data points using `d3.rollup` and `d3.pairs`. Bars transition smoothly using `transition.attrTween` to update their y-position (rank) and width (employment count), while labels and a ticker display the current year.

Ttracy3057
70% match
Loading thumbnail…

Customizing Axes

This interactive bar chart displays employment data for various occupations in New York City across multiple years (2010–2019). Each bar’s length represents the number of employed individuals, with occupations listed vertically and sorted by value. The chart dynamically updates through transitions when new yearly CSV data loads, ensuring smooth visual changes. Built with D3 v5, the visualization uses `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` APIs to create custom axes with tick formatting and grid lines. SVG rectangles render the bars, and animated transitions via `transition().duration()` enhance the user experience. The data originates from provided CSV files per year.

Ttracy3057
70% match