D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
syntagmatic
Full window
Github gist
Miso CSV Upload
<!DOCTYPE HTML> <html> <head> <title>Miso CSV Upload</title> <style> body { font-family: Ubuntu, Helvetica, sans-serif; font-size: 12px; } table { font-size: 10px; border-collapse: collapse; } table th { border: 1px solid #aaa; } table td { border: 1px solid #d0d0d0; } .number { color: #09c; } .mixed { color: #c90; } .string { color: #90c; } .time { color: #2c0; } .boolean { color: #0b6; } </style> </head> <body> <p> Try uploading a CSV file, such as <a href="cars.csv">cars.csv</a><br/> This page uses <a href="https://developer.mozilla.org/en-US/docs/DOM/FileReader">FileReader</a>, <a href="https://misoproject.com/dataset/">Miso Dataset</a>, the <a href="https://gist.github.com/2932863">Extended CSV Parser</a> and <a href="https://d3js.org/">d3</a> to render the table. </p> <input type="file" id="uploader"> <p id="stats"> </p> <table id="table"> </table> <script src="d3.v2.js"></script> <script src="miso.ds.deps.min.0.2.1.js"></script> <script src="csv_parser.js"></script> <script src="main.js"></script> <script> upload_button("uploader", load_dataset); </script> </body> </html>
Categories
cars.csv
index.html