Skip to main content
SimilarExport ZIP
100%

Tab.1(4)-Financing of general projects in 2018 (by person in charge)

✓ Published1🌍 Public
LLichenYang
Last edited Nov 5, 2019
Created on Oct 30, 2019

A horizontally stacked bar chart visualizes 2018 financing for general projects, segmented by person in charge and department. The chart displays counts of personnel across categories like professor and lecturer, with color encoding for each duty role. It uses the D3.js library version 3.5.5, including `d3.layout.stack` for stacking and `d3.legend.color` for the interactive color legend. Hovering over legend items highlights the corresponding bar subset, and a tooltip reveals exact values. Data is loaded from `person1(4).csv`.

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(4)-Financing of general projects in 2018 (by technical post)

This example visualizes the financing of general projects in 2018 by technical post, showing the number of Ph.D., Master, Bachelor, and other personnel across various academic departments. The stacked bar chart uses d3.layout.stack with an ordinal y-scale and a linear x-scale, while d3.legend provides a color legend for filtering layers. Tooltips are generated via d3-tip, and the SVG rendering includes highlight interactions that fade base bars and redraw foreground layers on hover. Data comes from a CSV file containing department, duty, and population counts.

LLichenYang
89% 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
81% 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
81% 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
81% 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
81% 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 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
81% 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
81% match
Loading thumbnail…

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

This example visualizes 2018 general project funding items across academic departments, split by institution type (schools, research institutes, others) using a horizontal stacked bar chart. Each department row shows the proportion of items funded within that category, with an animated color legend that highlights and fades bars on hover. The visualization is built with D3 v3, using `d3.layout.stack` for the stacked layout, `d3.svg.axis` for the axes, `d3.legend.color` for the interactive legend, and `d3-tip` for tooltips. The data is loaded from a local CSV file containing department, category, and item counts.

KKeerthiKandadai
81% match