Cracking the Bitcoin Code is an interactive site that uses data visualizations to provide a brief description of how Bitcoin works and how it came to be.
The site is currently live at www.bitguide.live
It has been optimized for Chrome
Our screencast can be accessed at https://www.youtube.com/watch?v=wvckwdMqjzU
This file contains the entire layout. The site is one scrolling page with various bootstrap grids and visualizations.
In this file, the text is typed in using the Typed.js library. Additionally, various visualizations are initialized including the following:
Creates a Chart for the Bitcoin price.
Uses Leaflet.js to create a map with various vendors of bitcoing using the CoinMap Api.
Uses Coin Market Cap to create a stacked area chart of the six cryptocurrencies with the highest market caps.
Creates the brushed timeline to filter dates for the stacked area chart of market caps.
Creates a Tree using data of Bitcoin Forks. Uses nodes.descendants() to format the tree-like structure of the data.
Iterates through various "hashes" to create a scrolling text effect. When scrolling is finished an error message appears. One of out two hundred times a success message will appear.
- Bitcoin Price Data
- Bitcoin Price Data
- History of Bitcoin
- Companies that accept bitcoin and their locations data
- Data on Bitcoin Mining
- Bitcoin Price Data
- CoinMap API
- Coin Market Cap
- D3 v4 - Javascript library used for visualizations
- Typed.js - Text Animations
- Leaflet.js - Map visualizations
- Bootstrap - Used for formatting
- NoUiSlider.js - Creates slider visualizations
- Scroll-Entrance.js - Fades in views
- Queue.v1.min.js - Queues data
- Amelia Miller
- Luke Civantos
- Charlie Flood
This work is licensed under a Creative Commons Attribution 4.0 International License.
- Thanks to Nathan Lee for overseeing this project.
- Thanks to Zona Kostic for guiding us through D3.
- Thank to Johanna Beyer for a great semester.