Learning D3.js

On This Page

The amount of stuff to learn regarding d3.js turned out to be much larger than anything that should fit onto one page, so I decided to split up the information onto different pages. Use the links below to see different examples of d3 functionality.

Below the links section, you should see examples of d3.js used to visualize example poll data - which is why I learned d3.js in the first place.

D3 Visualization

D3 Animation

D3 Interaction

D3 Data

Poll Question Responses

Color Question

  • Things to Remember
    • User can respond with a color input.

Short Answer Question

  • Things to Remember
    • The user can respond with unformatted text in a text box.

Date Question

  • Things to Remember
    • The poll creator can specify minimum and maximum dates. Dates include a day, month and year.

Paragraph Question

  • Things to Remember
    • The poll creator can specify minimum and maximum dates. Dates include a day, month and year.

Datetime Question

  • Things to Remember
    • The poll creator can specify minimum and maximum datetimes. Datetimes include a day, month year, hour, minute, and second.

Short Blog Question

  • Things to Remember
    • User can respond with a short blog that includes less than 500 characters.

Time Question

  • Things to Remember
    • Poll creator can specify maximum and minimum times. Times include hour, minute, and second.

Multiple Choice Question

  • Things to Remember
    • Option can be a short blog, image, audio recording, or video recording. User can only choose one option out of many.

Image Question

  • Things to Remember
    • User can respond with an image.

Checkbox Question

  • Things to Remember
    • Same as multiple choice question except the user can respond with multiple answers.

Audio Question

  • Things to Remember
    • User can respond with an audio recording.

Range Question

  • Things to Remember
    • There are minimum, maximum, and step inputs. At certain points in the range, the user can add a description for what that point means.

Video Question

  • Things to Remember
    • User can respond with a video.

Rank Question

  • Things to Remember
    • User can respond with ranking the options (which can be image, audio, video, or a short blog.)