D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
huangy22
Full window
Github gist
hw1 project
Built with
blockbuilder.org
<!DOCTYPE html> <head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v3.js"></script> <title>Education attainment and Income</title> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } p {text-indent: 50px; margin-left: 10px;} h1{text-indent: 20px; margin-left: 5px;} h2{text-indent: 30px; margin-left: 5px;} h3{text-indent: 40px; margin-left: 5px;} svg {margin-left:auto; margin-right:auto; display: block;} line {stroke:#ddd;shape-rendering: crispEdges; } .axis {shape-rendering: crispEdges;} .axis line{stroke:#000; stroke-width:1;} .axis path{stroke:#000; stroke-width:1;} .domain {fill:none; stroke:#000; stroke-width:1.5;} .axis .minor{fill:none; stroke-width:1;} .axis text{font:sans-serif; font-size: 12pt; font-weight: bold;} </style> </head> <body> <h1>Educational Attainment in the United States, 2015</h1> <h2>Table 1: The Educational Attainment of the Population 18 Years and Over, by Age, Sex, Race, and Hispanic Origin, 2015</h2> <p>This data set is from a study in 2015 of 242,248,000 people at age 18 and over, including the data of their educational attainment, sex, age, race and hispanic origin. From this data set, we could learn about how people's educational status depend on their age, sex and race.</p> <h3>Education by Age</h3> <p>A bar plot of multiple histograms of people's educational attainment at different age, including the mean, deviation.</p> <div id="tab1_edu_age"></div> <h3>Education by Sex</h3> <p>A grouped bar plot showing the educational attainment of male and female.</p> <h3>Education by Race</h3> <script src="table_01.js"></script> <h2>Table 2: Educational Attainment of the Population 25 Years and Over, by Selected Characteristics: 2015</h2> <h2>Table 3: Detailed Years of School Completed by People 25 Years and Over by Sex, Age Groups, Race and Hispanic Origin: 2015</h2> <h1>Average/Median Monthly Income and Working Time in Preceding Four Months by Education, 2009</h1> <h2>Table 2A: Average Monthly Income and Earnings, and Average Months Worked in Preceding Four Months by Education, 2009</h2> <h2>Table 2J: Median Monthly Income and Earnings, and Average Months Worked in Preceding Four Months by Education, 2009</h2> </body>
https://d3js.org/d3.v3.js