Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
Nnifemi-sys
Last edited May 14, 2020
Created on May 14, 2020
Forked from Hello VizHub

A stacked bar chart displays attendance records by module, day, and course code, with bar segments colored by course and the legend enabling filtering. The visualization, built with D3.js version 3.5.5, uses `d3.layout.stack` for the stacked bars, `d3.scale.ordinal` for the x-axis, and `d3.legend.color` for the interactive legend that highlights segments on hover. Data is sourced from `attendence.csv`, with tooltips provided via `d3-tip`.

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 stacked bar chart visualizes attendance data from `attendence.csv`, showing the number of items per course code (y-axis) across different days of the week (x-axis). The bars are segmented and colored by attendance status, such as present or absent, with a legend for filtering. The visualization is built with D3.js, using `d3.scale.ordinal()` for the x-axis, `d3.layout.stack()` for the stacked layers, and `d3.tip()` for tooltips. The colorScale uses `d3.scale.category10()`, and the chart is rendered as an SVG with animation support.

Nnifemi-sys
95% match
Loading thumbnail…

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

A stacked bar chart visualizes the number of student attendance records (by status like Present, Absent, or Pending) for each course code, broken down across different days of the week. The chart uses D3.js with the `d3.layout.stack` API to create stacked layers, an ordinal x-scale for day numbers, and a linear y-scale for counts. SVG rendering displays the bars, while a color legend and hover tooltip (via `d3-tip`) allow filtering and inspection of specific attendance statuses. The data originates from a CSV file containing student course attendance logs.

Nnifemi-sys
94% match
Loading thumbnail…

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

A stacked horizontal bar chart displays the number of funded items across module codes, segmented by academic department, for 2018. D3's `d3.layout.stack`, `d3.scale.ordinal`, and `d3.svg.axis` render the chart, while animated hover transitions and `d3.legend.color` enable interactive exploration. Tooltips via `d3-tip` reveal department, module, and item counts.

KKeerthiKandadai
88% 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
87% 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
87% 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 values across academic modules, grouped by department (CAM, CSIS, GAV). It uses D3.js version 3.5 with d3.layout.stack to create layered horizontal bars, where each bar segment represents a funding category. The visualization includes interactive hover tooltips via d3-tip and a color legend using d3-legend, which filters and highlights specific institutional categories. Rendered as an SVG with animated transitions, it encodes department colors and module codes along the y-axis with funding values along the x-axis.

KKeerthiKandadai
87% 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
86% 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
86% match