Skip to main content
SimilarExport ZIP
100%

Basic Scatter Plot

✓ Published1🌍 Public
SSiddhi Patil
Last edited Oct 20, 2021
Created on Sep 15, 2021

This scatter plot visualizes Nike’s global manufacturing data, comparing total workers to line workers at each factory, with every circle representing a factory. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map values and render the axes. Circles are appended as SVG elements with d3.selectAll and .join, using the viewport’s full width and height for the plotting area. The chart includes axis labels and a title, with data sourced from a GitHub Gist containing the Nike Manufacturing CSV.

AI-generated description

A scatter plot with D3

This visualization shows Nike Global Manufacturing Data Export. It visualizes the total number of workers vs the number of line workers across Nike manufacturing factories all over the world. Each circle represents a Nike manufacturing factory.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Country Selection

This scatter plot visualizes Nike global manufacturing data, with each circle representing a factory positioned by total workers versus line workers, colored by product type, and filtered by country through a dropdown menu. The visualization uses D3 v6 with SVG rendering and animations, employing `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and `transition` for smooth circle updates. The menu component uses D3's `dispatch` for change events, while the data is loaded via `csv` from a GitHub Gist.

SSiddhi Patil
89% match
Loading thumbnail…

Improved Scatter Plot

This interactive scatter plot visualizes Nike manufacturing data, showing the relationship between total workers and line workers across global factories. Each circle represents a factory, colored by product type, with native SVG `<title>` tooltips revealing factory name and country on hover. The visualization uses React with D3 v6 scales (`scaleLinear`, `scaleOrdinal`) and custom React components for axes, marks, and an interactive color legend. Hovering over a legend item filters and highlights matching circles while fading others, using D3’s `schemeCategory10` for categorical color encoding.

SSiddhi Patil
88% match
Loading thumbnail…

Scatter Plot with Brushing

This scatter plot visualizes Nike’s global manufacturing data, showing the relationship between total workers and line workers across factories, with each circle colored by product type. Users brush horizontally to zoom into a selected range of total workers, then double-click to reset the view. The visualization uses D3 v7’s `brushX` for interaction, `scaleLinear` for axes, and `scaleOrdinal` with `schemeCategory10` for color encoding. Circle positions and axes transition smoothly over 1000 milliseconds using `transition().duration()`, while data is loaded as CSV from a GitHub gist.

SSiddhi Patil
85% match
Loading thumbnail…

zoom comparson

This visualization displays a scatter plot of Nike manufacturing factories, with each circle representing a factory, colored by product type, and positioned by total workers versus line workers. Users can brush-select a horizontal region on the plot to zoom the x-axis domain, with a double-click resetting the view. The chart uses d3.brush for interactive selection, d3.scaleLinear for axes, and d3.scaleOrdinal with schemeCategory10 for colors, all rendered as SVG with animated transitions on the x-axis and circle positions. Data comes from a CSV file of Nike’s global manufacturing statistics.

Wwzhang88
85% match
Loading thumbnail…

Bar Plot with Country Menu

This bar plot displays the top 15 Nike manufacturing factories by total worker count, with bar color indicating product type and a dropdown menu for filtering by country. The visualization uses D3 v6 APIs including `scaleBand`, `scaleLinear`, `scaleOrdinal`, and `transition` for animated updates, while `d3.csv` loads the Nike Global Manufacturing Data from a GitHub gist. Tooltips reveal factory name, country, and worker totals, and a legend maps product types to colors.

SSiddhi Patil
80% match
Loading thumbnail…

Bar Plot showing Female/Migrant Workers Percentage

This bar plot visualizes the average percentage of female or migrant workers employed in Nike manufacturing factories across different countries, using data from Nike’s Global Manufacturing Data Export. A dropdown menu switches the Y-axis between the two worker categories, while hovering over bars reveals tooltips with precise percentages. The visualization is built with D3 v6, using `scaleLinear`, `scaleBand`, and `axisBottom` for rendering, with animated transitions via `transition` and interactive tooltips managed through D3’s `tooltip` API.

SSiddhi Patil
78% match
Loading thumbnail…

Interactive Donut Chart

This interactive donut chart visualizes Nike Global Manufacturing Data, showing the distribution of factory counts by product type worldwide. A dropdown menu filters the dataset by country, updating the pie slices and legend accordingly, while hovering over a slice reveals a tooltip with the product type, percentage, and total factory count. The visualization uses D3's pie, arc, and scaleOrdinal APIs to render the SVG, with animated transitions during updates.

SSiddhi Patil
77% match
Loading thumbnail…

Fork of Stacked Bar Chart

This stacked bar chart visualizes the global distribution of Nike manufacturing factories by country and product type. The visualization aggregates data from the Nike Global Manufacturing Data Export, filtering to show only countries with more than ten factories. Built with D3.js, the chart uses `d3.layout.stack` for the stacked bars, `d3.scale.ordinal` for the vertical axis, and `d3.legend.color` for the interactive legend. Hovering over bars displays tooltips via `d3-tip`, while hovering over legend entries highlights the corresponding product category through a semi-transparent overlay layer.

TTracyWangYQ
76% match