This graph was made in 2015 using the 2016 proposed county budget data on the Miami Dade County Open Data Portal.
This was a collaboration with the civic hacking group, Code for Miami.
Built with blockbuilder.org
xxxxxxxxxx<head> <meta charset="utf-8"><!-- <script src="https://d3js.org/d3.v4.min.js"></script> --> <link rel="stylesheet" type="text/css" href="sequences.css"/> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } </style></head><body> <div id="main"> <div id="chart"> <div id="explanation" style="visibility: hidden;"> <span id="value"></span><br/> <span id="percentage"></span><br/> of total budget <div id="sequence"></div> </div> </div> </div> <div id="sidebar"> <input type="checkbox" id="togglelegend" checked="checked"> Legend<br/> <div id="legend" style="visibility: hidden;"></div> </div> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script> <script type="text/javascript" src="sequences.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"> </script></body> Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js to a secure url
https://d3js.org/d3.v4.min.js
https://code.jquery.com/jquery-2.1.4.min.js
https://d3js.org/d3.v3.min.js
https://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js