Built with blockbuilder.org
xxxxxxxxxx<meta charset="utf-8"> <title>Astrophysics to Data Science</title></meta> <head> <!-- <script src="lib/d3.min.js"></script> --> <script src="//d3js.org/d3.v4.min.js"></script> <link rel="stylesheet" type="text/css" href="sequence-a2ds.css"/></head><body><div id="main"> <!--<div> <h1>Astrophysics to Data Science</h1> <h2>Visualising the career paths of astronomers who moved from academia to data science</h2> </div>--> <!-- useful website for determinging color palettes: https://projects.susielu.com/viz-palette --> <!-- <div id="sidebar"> <input type="checkbox" id="togglelegend"> Legend<br/> <div id="legend" style="visibility: hidden;"></div> </div> --> <div id="chart"> <div id="explanation" style="visibility: hidden;"> <span id="numpeople"></span><br/> astronomers took this path to data science <br/>(<span id="percentage"></span>) </div> </div> <div id="sequence"></div> <script type="text/javascript" src="sequences.js"></script> <script type="text/javascript"> // Hack to make this example display correctly in an iframe on bl.ocks.org d3.select(self.frameElement).style("height", "700px"); </script><!--- D3js visualisation frame --><!--<svg width="1000" height="692"></svg>--><!--- Optional for D3js<form> <label><input type="radio" name="mode" value="sumBySize" checked> Each artwork is scaled by its value</label> <label><input type="radio" name="mode" value="sumByCount">Artworks represented equally</label></form> --> </div> </body></html> https://d3js.org/d3.v4.min.js