D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
jczaplew
Full window
Github gist
PBDB Annual Federal Burden
<!DOCTYPE html> <head> <meta charset="utf-8"> <title>PBDB federal budget</title> <style> #title { color: #fff; } #graphic { width: 800px; height: 237500px; background-color: #000; position: absolute; margin: 0; text-align: center; } #pbdb-title { color: #FF8C00; position: absolute; top: 237405px; left: 98px; } #pbdb { height: 7px; width: 1px; background-color: #FF8C00; position: absolute; top: 237428px; left: 50px; z-index: 2; } </style> </head> <body> <div id="graphic"> <div id="title"> <h3>The black represents the annual federal budget</h3> <p>~$3.8 trillion</p> </div> </div> <div id="pbdb-title"> <h3><-- Paleobiology Database annual average</h3> <p>~$140,000/year over 5 years (7 pixels)</p> </div> <div id="pbdb"></div> </body> </html>