Skip to main content
SimilarExport ZIP
100%

Task8_Question2

✓ Published0🌍 Public
KKeerthi
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This visualization presents a stacked bar chart displaying patient details, with each bar representing a patient and segments showing the percentage contribution of different attributes such as age, weight, and height. The chart uses a horizontal layout, with bars stacked by category and color-coded via a scaleOrdinal palette. Hovering over a segment reveals a tooltip with the exact percentage value for that category. The implementation uses d3.v7's stack, scaleLinear, and scaleBand APIs, rendering as SVG with data loaded from Patientdata.csv, and includes interactivity through mouseover events.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

task 8 question 2.2

A stacked horizontal bar chart shows the proportion of ratings (below 4, 4-5, 5-6, 6-7, 7-8, above 8) for six food categories, with each bar segmented by rating range. The visualization uses D3.js v7 with SVG rendering, employing d3.stack() to aggregate the data, d3.scaleBand() for the category axis, d3.scaleLinear() for the percentage axis, and d3.scaleOrdinal() for color encoding. Interactive tooltips display the exact percentage of each rating segment on hover, using event listeners and d3.format() to present values. The data is loaded from a CSV file containing pre-computed proportions.

Vvchittimadha@gmail.com
81% match
Loading thumbnail…

TASK.8_QUESTION-2_Sahith

This example visualizes the percentage of fee payment installments across different age groups using a stacked horizontal bar chart. The chart draws from a CSV dataset containing demographic information about online food service users, including age, gender, income, and feedback. The visualization employs d3.stack() to layer the payment percentage data, with d3.scaleBand() and d3.scaleLinear() mapping the axes. Interactive tooltips appear on mouseover, displaying the exact percentage value for each age group, while a color-coded legend distinguishes the payment categories. The SVG rendering uses D3 v7 with custom styling from Google Fonts.

Mmanisahiths54321@gmail.com
80% match
Loading thumbnail…

Task8_Task2Q1

A grouped, stacked bar chart displays the population distribution across four age brackets for six US states, using data from a local CSV file. The visualization encodes each state as a cluster of colored bars, with segments representing age ranges from "Under 5 Years" to "18 to 24 Years." The chart employs D3's `scaleBand` for categorical axes and `scaleLinear` for the population count axis, with an ordinal color scale (`scaleOrdinal`) distinguishing categories. Rendering as an SVG, the code leverages D3 v5's functional API, including axis generators, data binding via `.enter()`, and a custom legend, while relying on jQuery helpers for array operations.

Jjyothirmai318@gmail.com
80% match
Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart visualizes the distribution of age groups across different continents, with each bar representing a continent and segments colored by age bracket. The visualization uses a D3.js v7 SVG rendering with `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()`/`d3.scaleLinear()` for axes. Tooltips, implemented via mouseover events, display the exact percentage for each segment, with x-axis labels indicating percentage values. Data is loaded from a CSV file containing pre-calculated proportions per continent.

Pperamranji
80% match
Loading thumbnail…

Task2 Question 1

This visualization displays the stacked percentages of iris flower characteristics, broken down by passenger ID, as horizontal bars. The chart uses D3.js (v7) with an SVG renderer, employing the `d3.stack()` function to create the stacked segments and `d3.scaleOrdinal()` for color mapping. It reads data directly from a passed dataset, calculating scales with `d3.scaleLinear()` for the x-axis and `d3.scaleBand()` for the categorical y-axis, and includes hover interactions that reduce rectangle opacity.

Vvishu.valandas@gmail.com
80% match
Loading thumbnail…

task2 question

A stacked bar chart displays the percentage distribution of five rating levels across different vegetables, with each bar segment colored by rating category and totaling 100%. Hovering over a segment highlights it and reveals a tooltip with the exact percentage for that vegetable and rating level. The visualization uses D3 v7’s `d3.stack()`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to encode data from a CSV file, rendering segments as SVG rectangles with mouse event handlers for interaction.

Llingaladineshteja23@gmail.com
80% match
Loading thumbnail…

Task8_Question2

This example visualizes survey responses on trust levels for four topics, showing the distribution of very high, high, no answer, low, and very low trust as stacked horizontal bars. The chart uses D3 v7 with SVG rendering, applying `d3.stack()` to compute the stacked series and `d3.scaleOrdinal` for color mapping. Interactivity includes mouseover effects with tooltips displaying the exact percentage for each segment. Data is loaded locally from a CSV file, and axes are rendered with `d3.axisBottom` and `d3.axisLeft`.

KKeerthi
80% match
Loading thumbnail…

Task_Activity_2

This visualization displays the proportion of patients rated across five severity categories for six diseases: Covid, TB, Cancer, HIV, Cold, and Fever. It uses a horizontal stacked bar chart, where each bar is segmented by percentage. The code uses D3 v7’s `d3.stack` for data processing, `d3.scaleOrdinal` for color, and `d3.axisLeft`/`d3.axisBottom` for axes. A tooltip reveals the exact percentage on hover. The data is loaded from a CSV file and rendered as SVG graphics.

Ssahaspragna6@gmail.com
80% match