VI 4
This gallery example presents two distinct D3.js visualizations. The first is a stacked bar graph of women’s labor force participation by age group, using position on the X and Y axes for year and percentage, with color hue differentiating age categories and data sourced from the U.S. Department of Labor. The second is a scatter plot of movie success rates and MPAA ratings, where color hue encodes the rating and point size encodes gross collection, built with D3’s `d3.scale` and `d3.axis` APIs. Both charts are implemented using the `d3` library, with SVG rendering for marks like rects and circles.
AI-generated descriptionVisualiization Implementation 4
Rajyalakshmi Mukkamala
1.Women Employment in Labour force by Age
Stacked Bar Graph
Marks Used:
Line
Channels Used:
Magnitude Channel
-Position : Year and percentage of women employed are scaled on X and Y axis respectively.
-Area:Percentage of women working is categorized by age group, each area of region is differentiated through color.
Tableau image
D3 Implementation
http://bl.ocks.org/Mrajyalakshmi/54168226d1c89b7e6050
Dataset:http://www.dol.gov/wb/stats/Women_labor_force_age_txt.htm
2)Movie Success Rate and MPAA rating
Scatter Plot
Marks Used:
Points
Channels Used:
Identity Channel
-Color Hue : MPAA rating,movie rating is represnted through color.
-Spacial Region:Gross,Movie gross collection in millions is represented through the size of the point.
Tableau image:
D3 Implentation
http://bl.ocks.org/Mrajyalakshmi/e4b7383bd39b1bcde738
Dataset:http://www.mathcs.org/statistics/datasets/
References:https://bl.ocks.org/d3noob/a22c42db65eb00d4e369 http://bl.ocks.org/mbostock/1134768