Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


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)


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


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


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




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