Fork of ICE7-Q2b Line

100%

Fork of ICE7-Q2b Line

✓ Published1🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

This visualization shows the relationship between hours worked and tasks completed for a small team, using a smooth Catmull-Rom curve to suggest a productivity trend. Individual employees appear as teal dots on the purple line, with departments encoded in the CSV data but not visually distinguished. The chart loads employee_productivity.csv with d3.csv and d3.autoType, sorts the data by hours, and renders axes, gridlines, and the line using d3.line with curveCatmullRom.alpha(0.5). D3 v7 generates the SVG output, with axis labels and a title added manually.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE7-Q3 Area

The chart visualizes employee productivity by plotting tasks completed against hours worked as a smooth, gradient-filled area. Data from the `employee_productivity.csv` file, sorted by hours, drives the visualization. The code uses D3 v7’s `d3.area` with a Catmull-Rom curve, `d3.line`, and `d3.axisBottom`/`axisLeft` to render the SVG, adding a gradient fill, outlined path, and individual data points.

Mmendemrudula@gmail.com

90% match

Loading thumbnail…

ICE 7

This scatter plot shows employee productivity by mapping hours worked against tasks completed, with each dot colored by department (teal for Engineering, purple for Marketing, blue for HR). Built with D3 v7, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for categorical colors, and `d3.axisBottom` and `d3.axisLeft` for the ticks. The chart reads from the CSV file `employee_productivity.csv`, parsing values with `d3.autoType`. Labels, a title, and an SVG background with rounded corners and a subtle shadow come from the accompanying CSS.

Mmendemrudula@gmail.com

85% match

Loading thumbnail…

ICE7-Q2a Pie

This doughnut chart displays the share of total tasks completed by each department—Engineering, Marketing, and HR—in the employee productivity dataset. Slices are sized proportionally to aggregated task counts, with percentage labels positioned at each arc’s centroid and a legend showing absolute values. The visualization uses D3 v7’s `d3.csv`, `d3.rollup`, `d3.pie`, and `d3.arc` to process data and generate SVG paths, with a pastel teal, purple, and blue color scale.

Mmendemrudula@gmail.com

77% match

Loading thumbnail…

Fork of ICE-7

This line chart shows sales data over time, with years on the x-axis and sales values on the y-axis, using orange strokes to highlight trends. It loads CSV data from a GitHub gist, parsing dates with `d3.timeParse` and rendering an SVG via D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` functions. Grid lines and axis labels are customized through CSS, while margins and tick padding adjust the layout.

TTulluripallavi

77% match

Loading thumbnail…

ICE7-Q2b Line

A line chart shows the relationship between study hours and student scores, with a smooth curve indicating a positive trend. The visualization uses D3 v7 to load a CSV file, sort the data by hours, and render an SVG with linear scales for both axes. Gridlines and axis labels are generated using `d3.axisBottom` and `d3.axisLeft`, while the line path is drawn with `d3.line` and a monotone X curve to create smooth interpolation. The chart includes a title and axis labels, with data points from the `study_hours.csv` source.

Aaravindsg99@gmail.com

76% match

Loading thumbnail…

Fork of ICE7-Q2b Area

This area chart visualizes the relationship between study hours and student scores, with a smooth monotone curve showing a generally positive trend across eight data points. The visualization uses D3 v7’s `d3.area()` with `d3.curveMonotoneX` to render a red filled region with a darker stroke, while `d3.scaleLinear` maps the x- and y-axes. Gridlines are drawn using `d3.axisBottom` and `d3.axisLeft` with custom tick sizes, and the SVG includes labeled axes and a bold title. Data is loaded from a CSV file via `d3.csv` with `d3.autoType`.

Aaravindsg99@gmail.com

75% match

Loading thumbnail…

ice7_task2_2

This line chart visualizes the relationship between study hours and exam scores for a small dataset of students. The chart renders a smooth monotone curve through the data points, using blue dots to mark individual observations and a matching blue line to emphasize the overall trend. Built with D3.js v7, the visualization loads CSV data from a GitHub gist, applies linear scales with nice tick marks, and draws axes with labels. The tooltip functionality on hover is implemented but not fully connected in the visible code.

Ddeepakvowel@gmail.com

75% match

Loading thumbnail…

ICE7 Q4

This stacked area chart displays the distribution of employees across three roles—Engineer, Project Management, and Finance—by age. The visualization uses d3.csv to load data from a remote gist, d3.rollups to aggregate counts, and d3.stack with d3.area to render the stacked regions. Axes are generated via d3.axisBottom and d3.axisLeft, with a d3.scaleOrdinal color scale and a custom legend. The SVG output highlights employee demographics as a function of age in a selected subset of job categories.

Bbrodyoneal10@gmail.com

74% match