Number of workers living with children at home, by industry
Number of workers living with children at home, by industry
with young children(<5 yrs)with school aged children
(5-17)
with young + school children (<5 & 5-17)
Essential
Face-to-Face
Remote Industries
Embed Details
Add this style information to the head of your file.
<link rel="stylesheet" href="//d1o40k53wiknb7.cloudfront.net/css/workingparents.css" type="text/css">
Add this html where you need the graph to appear
<div class="graph-wrapper stacked-bar-chart-wrapper" id="working-parents">
<h3>Number of workers living with children at home, by industry</h3>
<div class="legend-wrapper">
<i></i><span>with young children(<5 yrs)</span><i></i><span>with school aged children
(5-17)</span></div>
<div class="legend-wrapper">
<i></i><span>with young + school children (<5 & 5-17)</span>
</div>
<div class="industry-container">
<p>Essential</p>
<div>
<div class="container">
<span></span>
<svg id="healthcare"></svg>
</div>
<div class="container">
<span></span>
<svg id="food-retail"></svg>
</div>
</div>
</div>
<div class="industry-container">
<p>Face-to-Face</p>
<div>
<div class="container">
<span></span>
<svg id="restaurants"></svg>
</div>
<div class="container">
<span></span>
<svg id="transportation"></svg>
</div>
<div class="container">
<span></span>
<svg id="personal"></svg>
</div>
<div class="container">
<span></span>
<svg id="nonessential"></svg>
</div>
<div class="container">
<span></span>
<svg id="construction"></svg>
</div>
<div class="container">
<span></span>
<svg id="admin"></svg>
</div>
</div>
</div>
<div class="industry-container">
<p>Remote Industries</p>
<div>
<div class="container">
<span></span>
<svg id="education"></svg>
</div>
<div class="container">
<span></span>
<svg id="finance"></svg>
</div>
</div>
</div>
</div>
Add this before the closing body tag
<script src="//d1o40k53wiknb7.cloudfront.net/js/workingparents.js"></script>