Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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/.

About

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

Topics

Resources

Releases

No releases published
You can’t perform that action at this time.