NICAR session on how to make some essential visualization types, while going over best practices.
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
part1
.DS_Store
README.md

README.md

practical-dataviz-js

NICAR session on how to make some essential visualization types just using jQuery, while going over best practices.

jQuery is a simpler, more concise way to select elements on the page:

Selecting with jQuery

  • $(".bar.horizontal")

Selecting with Javascript

  • document.getElementsByClassName('bar.horizontal)

##Resources

Highly recommend this book. Download the code for examples in the book to follow along.

##Downloads

###Mac instructions:

  1. Open the Terminal application (in Applications)
  2. Type this command: sudo apachectl start
  3. By default, your web files live in /Library/WebServer/Documents . So when you unzip the project files, move the folder into that directory.

###PC instructions:

  1. Download file for installation wizard.
  2. Follow the prompts to the server information screen. For each of the 2 fields enter 'localhost' and for the email add yourname@email.com. These fields do not matter, but must be filled out completely.
  3. Radio button should be selected "for All Users, on Port 800", and "Typical" install type.
  4. Next, save the Apache Files in your C:/Program files directory.
  5. Complete the installation process and donwload the GitHub repository, unzip and drop the files into the htcdocs folder of your C:/program files/apache
  6. Open your web browser and type in localhost/practical-dataviz-js/start/.