D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
marijer
Full window
Github gist
Polished Barchart
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Assignment Module 1</title> <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script> <link rel="stylesheet" type="text/css" href="main.css"> </head> <body> <div class="content-wrapper"> <div class="intro"> <h1>Refugee population by country</h1> <p>The countries with the largest refugee population based on the 2014 numbers.</p> </div> <div id='button-wrapper'></div> <div id='chart-container'></div> <div class='meta source'>Source: <a href="https://data.worldbank.org/indicator/SM.POP.REFG/countries/1W?order=wbapi_data_value_2011%20wbapi_data_value%20wbapi_data_value-first&sort=desc&display=default" target="_blank">Worldbank, 2015</a> </div> <div id="tooltip" class="none"></div> </div> <script src="main.js"></script> </body> </html>
https://d3js.org/d3.v3.min.js