Skip to main content
SimilarExport ZIP
100%

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

✓ Published1🌍 Public
Pprincita
Last edited May 5, 2020
Created on Apr 30, 2020

This visualization shows 2018 general project funding items stacked by institution nature, using a horizontal stacked bar chart where each bar represents a sub-category and segments show consumer, corporate, and home office splits. The code uses d3.layout.stack for layering, d3.svg.axis for scales, d3.legend for color coding, and d3-tip for hover tooltips. Hovering over legend entries fades base bars and re-renders matching segments in the foreground. Data comes from items1(3).csv, with SVG rendering and animated transitions on hover.

AI-generated description

This visualization was originally forked from one of Curran Kelleher's stacked bar chart examples .

MIT Licensed

Similar vizzes

Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This visualization displays stacked horizontal bars representing 2018 project funding items by sub-category, segmented by institution nature (Consumer, Corporate, Home Office). The chart uses D3.js v3 with `d3.layout.stack` for stacking, `d3.svg.axis` for axes, and `d3.legend` for the color legend. Hovering over legend entries highlights corresponding segments via foreground layers, while a `d3.tip` tooltip shows exact item counts. Data is loaded from an external CSV file, rendered as animated SVG with custom tick formatting.

Pprincit
97% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This stacked bar chart displays 2018 project funding items segmented by institution type (Consumer, Corporate, Home Office) and sub-category, with bars colored by sub-category. Built with D3.js (v3.5.5), it uses `d3.layout.stack` for stacking, `d3.scale.ordinal` and `d3.scale.linear` for scales, and `d3.svg.axis` for axes. Hovering over legend items filters foreground bars, with tooltips via `d3-tip`. Data comes from CSV files, rendered as SVG with animations.

Ssafdarawan
96% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This interactive stacked bar chart visualizes general project funding items for 2018, broken down by institutional segment (Consumer, Corporate, Home Office) and sub-category, using D3.js. The bars show cumulative sales values with a color legend; hovering over legend entries highlights a specific sub-category by fading other bars. The visualization uses d3.layout.stack and d3.scale.ordinal, with tooltips via d3-tip, and is forked from Curran Kelleher's example with data sorted and grouped from a CSV.

Eest85
96% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This interactive stacked bar chart visualizes 2018 general project funding items by institution nature, breaking down sales data across sub-categories and customer segments. Built with D3.js, it uses `d3.nest()`, `d3.layout.stack()`, and ordinal/linear scales to render grouped layers. Hovering over the color legend highlights specific segments, while `d3-tip` displays detailed tooltips with item counts. The SVG animation supports fade effects between base and foreground bar layers for comparative analysis.

Pprincit
95% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This visualization displays stacked bar chart data of general project funding items in 2018, broken down by institutional nature. It uses D3.js APIs including `d3.layout.stack`, `d3.scale.ordinal`, and `d3.svg.axis`. The chart colors segments by category, with an interactive legend that filters foreground bars on hover. Tooltips appear via `d3-tip`, showing item counts per segment and sub-category. Data comes from a CSV file with sales figures, rendered as animated SVG.

Pprincit
95% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This interactive stacked bar chart visualizes general project funding items for 2018, segmented by the nature of institutions and broken down by sub-category. It uses D3.js (version 3.5.5) with the `d3.layout.stack` API to create the stacked layers, `d3.svg.axis` for axes, and `d3.legend.color` for the interactive legend. Hovering over the legend highlights a specific segment while fading the others, and a tooltip from `d3-tip` displays the exact sales value for each item. The chart is rendered as an SVG with a smooth animation.

Pprincit
95% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This visualization displays stacked bar charts of general project funding items in 2018, categorized by academic department and institution type (schools, research institutes, others). The bars show total items per department, segmented by institution type using color-encoded layers. Hovering over legend entries highlights specific institution types while dimming others, and tooltips reveal exact values. The visualization is built with D3.js, using d3.layout.stack for stacking, d3.scale.ordinal for the categorical y-axis, and d3.legend for the interactive color legend. The data comes from items1(3).csv, and the rendering uses SVG with hover-based animations.

Nnifemi-sys
94% match
Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This stacked bar chart visualizes 2018 general project funding items by academic department and institution category (schools, research institutes, and others). Hovering over a data point displays a tooltip with the exact item count, while interacting with the color legend fades unrelated bars. The visualization uses D3.js for data binding, scales, axes, and SVG rendering, with the d3.legend and d3.tip libraries for the interactive legend and tooltips. Data originates from the provided CSV file, encoded through a stacked layout API and ordinal scale for the categorical y-axis.

Pprincit
94% match