Cracking the Bitcoin Code

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.

Accessing the Site

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

Breakdown

Index.html

This file contains the entire layout. The site is one scrolling page with various bootstrap grids and visualizations.

Main.js

In this file, the text is typed in using the Typed.js library. Additionally, various visualizations are initialized including the following:

priceChart.js

Creates a Chart for the Bitcoin price.

vendorMap.js

Uses Leaflet.js to create a map with various vendors of bitcoing using the CoinMap Api.

marketCap.js

Uses Coin Market Cap to create a stacked area chart of the six cryptocurrencies with the highest market caps.

timeline.js

Creates the brushed timeline to filter dates for the stacked area chart of market caps.

forkTree.js

Creates a Tree using data of Bitcoin Forks. Uses nodes.descendants() to format the tree-like structure of the data.

Other Visualizations

mining.js

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.

Data

Built With

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

Authors

Amelia Miller
Luke Civantos
Charlie Flood

License

This work is licensed under a Creative Commons Attribution 4.0 International License.

Acknowledgments

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.

lukecivantos/bitcoin-webpage