D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
drarnakarick
Full window
Github gist
astronomy to data science
Built with
blockbuilder.org
<!DOCTYPE html> <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