Tutorial 1
HTML, CSS, and Javascript
Overview:
When you’ve processed all of your data and know the story you want to tell with it, HTML + CSS + Javascript is how you do that on the web. These things make data visible, functional, and interactive.
HTML is is the foundation. It applies web meaning to your content → “semantic” in that it’s meaningful to computers that are on the web.
CSS is a presentational layer for things like layout, typography, and colors. It’s mapped onto your semantically constructed HTML.
Javascript makes content interactive. It is a dynamic layer that gives users an amount of control over content
Get Started:
- Create a project folder on your computer, then
- Download the Boilerplate template into your new project folder.
Boilerplate contains example code for a basic website, with instructions commented throughout!
- Open any of the files in your text editor of choice, and start experimenting.
Resources
Bootstrap : my recommended toolkit for basic website building Bootstrap has pre-made styles for titles, headings, tables, buttons, etc.
Data-Driven Documents : This is a Javascript code library with all kinds of great ways to display data
D3 Tutorials : pick what works best for your data here! There are infinite branches to display the output of your processed data.
(avoid w3schools)
https://devdocs.io/ : Aggregator of dev documentation, one reliable place to look, customizable, works offline