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

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

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

This stacked bar chart visualizes the distribution of sales amounts for various product subcategories, segmented by consumer, corporate, and home office institutions. The chart displays total sales per subcategory as stacked segments, with each color representing a different segment. Hovering over a segment reveals its specific sales value. The visualization is built with D3.js, using the `d3.layout.stack` for the stacked layout and `d3.legend.color` for the interactive color legend.

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

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

This interactive stacked bar chart displays the sum of sales for various sub-categories (like Accessories, Binders, Phones) grouped by market segment (Consumer, Corporate, Home Office). The visualization uses a responsive layout with overlaid bar groups and a color legend that filters the foreground bars on hover via an overlay mechanism. Built with D3.js (v3.5.5), it uses `d3.layout.stack` for the layered bar construction, `d3.legend.color` for the interactive legend, and `d3-tip` for tooltips showing the exact sales value per sub-category within a segment. Data is loaded from CSV files containing pre-aggregated sales totals.

Nnifemi-sys

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

This stacked bar chart visualizes the sales distribution of office supply subcategories across three market segments (Consumer, Corporate, Home Office). The D3.js visualization uses `d3.layout.stack()` to layer bars by subcategory within each segment, with hover interactions powered by `d3-tip` for tooltips. A color legend highlights individual subcategories on hover, while the axis formatting uses custom SI tick labels. The animated rendering and data aggregation from the CSV files demonstrate hierarchical grouping and stacked layout techniques in D3.

AAlex Ley

93% match

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.

93% match

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

93% match

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

This interactive stacked bar chart visualizes sales by segment and subcategory, with each bar stacked to represent the total sales per segment. Hovering over a legend item highlights the corresponding subcategory across all segments, while a tooltip shows the exact sales value. The visualization uses D3.js (v3) with the `d3.layout.stack` API for stacking, `d3.legend` for the color legend, and `d3-tip` for tooltips. Data comes from a CSV file, and the chart includes animated transitions when re-sorting the data.