Skip to main content
SimilarExport ZIP
100%

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

✓ Published4🌍 Public
LLichenYang
Last edited Nov 6, 2019
Created on Oct 31, 2019

This stacked bar chart visualizes 2018 general project funding items by scientific discipline, broken down by institution type (schools, research institutes, and others). It uses D3.js version 3.5.5 with stacked layout, ordinal and linear scales, and d3-tip for hover tooltips. A color legend highlights specific categories, dimming non-selected bars via an overlay rectangle. Data comes from an embedded CSV file, and the SVG renders with animated transitions for interactivity.

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 interactive stacked bar chart visualizes 2018 general project funding items categorized by academic discipline and institution type (schools, research institutes, and others). It uses D3.js v3 with `d3.layout.stack` for layering, ordinal and linear scales, and a color legend with hover interactions that dim non-selected bars. The `d3-tip` library provides tooltips showing exact counts, while the SVG rendering includes custom tick formatting. Data comes from a CSV file with department, category, and item count columns.

Cczy68
96% 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
95% 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
95% match
Loading thumbnail…

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

This visualization shows 2018 general project funding items across scientific departments, broken down by institution type (schools, research institutes, and others). A stacked bar chart presents the data, with hover interactions on the legend highlighting specific categories and tooltips revealing exact item counts per department. The code uses D3.js v3, including `d3.layout.stack()` for stacking, `d3.svg.axis()` for scales, and `d3.legend.color()` for the interactive legend. Transitions and a semi-transparent overlay fade non-hovered bars. SVG renders all elements, with animation triggered by legend hover states.

AAlex Ley
95% match
Loading thumbnail…

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

This stacked bar chart visualizes general project funding items across academic departments, categorized by institution type (schools, research institutes, and others). The visualization uses D3.js with a nested data structure and the `d3.layout.stack` API to create layered bars, showing funding distribution by department and category. Hovering over the color legend highlights specific institution categories, while a tooltip using `d3-tip` displays detailed values. The chart includes animated transitions and a custom legend via `d3-legend`, with the underlying data sourced from CSV files.

AAlex Ley
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 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.

Pprincita
93% match
Loading thumbnail…

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

This interactive stacked bar chart displays 2018 general project funding items categorized by institution nature, using D3.js to render SVG with animation. The visualization uses d3.layout.stack to stack segments by color, with hover tooltips via d3-tip showing segment counts. A color legend with d3-legend allows highlighting specific categories by fading other bars through semi-transparent overlays. Data comes from an embedded CSV file, processed through d3.nest to group by segment layers.

Pprincit
93% match