Dashboard - Multiple Views

100%

Dashboard - Multiple Views

✓ Published0🌍 Public

Last edited Dec 5, 2021

Created on Nov 24, 2021

This dashboard presents Nike’s global manufacturing data through three linked views: a bubble world map showing factory counts by country, a stacked bar chart of product types for top countries, and a draggable sankey diagram linking supplier groups to countries. The world map uses d3.geoPath and a size legend for filtering, while the stacked bar chart uses d3.stack and a color legend for interaction. All charts include tooltips, with the sankey using the D3-graph-gallery sankey.js library and SVG rendering for nodes and links.

AI-generated description

Dashboard - Multiple Views

This visualization shows Nike Global Manufacturing Data Export. The dashboard shows number of factories distributed across countries, types of factories for top countries and factory supplier distribution across different countries. All charts have tooltips that help users to see details for each country. Stacked bar chart allows filtering by product types whereas nodes in sankey graph are draggable. World map has filtering based on the size legend.

Charts included -

MIT Licensed

Similar vizzes

Loading thumbnail…

Stacked Bar Chart

This stacked bar chart displays the distribution of Nike manufacturing factories across countries, with each bar broken down by product type. The visualization aggregates and filters the data to show only countries with more than ten factories. Users can hover over individual bar segments to see tooltips with the country and factory count, or hover over legend entries to highlight specific product categories. Built with D3.js v3, it uses `d3.layout.stack`, `d3.nest`, scales, axes, and the d3-tip and d3-legend libraries, rendering with SVG and supporting interactive animations.

SSiddhi Patil

78% match

Loading thumbnail…

Bubble World Map

This bubble world map visualizes the number of Nike factories per country, with circle area proportional to factory count using d3.scaleSqrt. The map uses a d3.geoNaturalEarth1 projection and d3.geoPath to render countries, with topojson loading world atlas data and CSV factory data from a gist. Users can pan and zoom via d3.zoom, hover for tooltips, and click legend circles to filter highlighted countries based on factory thresholds.

SSiddhi Patil

77% 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

76% 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

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

75% match

Loading thumbnail…

Sankey Chart for Supplier-Country Distribution

This Sankey diagram visualizes the top 10 Nike suppliers and the countries receiving manufacturing materials, based on global factory data. Nodes and links are interactive, with hover tooltips displaying factory counts and draggable nodes for exploration. The chart is built with D3 v4, using the `d3.sankey` layout to structure flows and `d3.scaleOrdinal` for node colors. Data comes from a CSV file loaded via `d3.csv`, and rendering uses SVG paths and rectangles.

SSiddhi Patil

74% match

Loading thumbnail…

Fork of Sankey Chart for Supplier-Country Distribution

This Sankey diagram visualizes the distribution of manufacturing materials from the top 10 Nike suppliers to destination countries, derived from Nike Global Manufacturing Data. Node rectangles represent suppliers and countries, with link thickness and color encoding factory counts. Users can drag nodes to rearrange the layout, and hovering over nodes or links displays tooltips with factory totals. The visualization uses d3.v4 with the d3.sankey plugin, d3.nest for data aggregation, and d3.drag for interactive node movement, rendering as SVG with a d3.scaleOrdinal color scheme.

Xxychen0612.cs09@nycu.edu.tw

74% match

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

73% match