Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_question2.1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f8a1c740d6dc4d76a764df94c149fa64

Open

activity6_question2.1

0 stars0🌍 Public
Sshreshikaveerannagari@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

A stacked bar chart displays the distribution of IMDb ratings across six movie genres, with the x-axis showing the proportion of ratings within each of five score ranges from below 5.0 to above 8.5. The chart uses a horizontal layout where each genre’s bar is composed of color-coded segments that sum to 100 percent. The visualization is built with D3.js v7, using `d3.stack()` to compute the stacked values, `d3.scaleBand` for the genre categories, and a linear scale for the percentage axis. The data is loaded from a CSV file, with genre names mapped to the y-axis and a legend identifying each rating range.

AI-generated description

Weekly Work Time by Different Professions

This visualization presents a stacked bar chart displaying the number of hours spent per week by different professions on various work-related tasks.

Key Features:

  • Professions Covered: Software Engineer, Doctor, Teacher, Artist, Entrepreneur.
  • Tasks Analyzed:
    • Meetings
    • Emails
    • Research
    • Client Interaction
    • Administrative Work
  • Hover Interaction: When hovering over each segment, a tooltip shows the exact number of hours spent on that task.

How It Works:

  • Data Source: The data is loaded from data.csv.
  • Colors: Different tasks are represented by distinct colors to ensure clarity.
  • Stacked Bar Chart: Displays cumulative time spent by each profession.

Instructions:

  1. Open index.html in a browser.
  2. Make sure data.csv is in the same directory as index.html.
  3. Enjoy visualizing the weekly time allocation by different professions!