Skip to content

Instantly share code, notes, and snippets.

@samanpwbb

samanpwbb/cdi-interactions.md

Created March 23, 2012 16:03
Show Gist options
  • Save samanpwbb/2172176 to your computer and use it in GitHub Desktop.
Save samanpwbb/2172176 to your computer and use it in GitHub Desktop.
Download ZIP
CDI interactions
Raw
cdi-interactions.md

  • state cubes: hover = display tooltip w/ state name, click= highlight selected state

  • title/details in location viz: hover = color highlight over title, click for dropdown

  • policy rankings labels: hover=subtle highlight, click to reveal definition on top of visualization + link to methodology page.

  • grade level key: hover= hide other grade levels besides selected grade level. This could be clickable to show only one grade type at a time

  • global button hover states= double the white, slight change to background color.

  • front page school: hover over hotspots=color shift, click displays popup.

  • transition from front page to visualization page: all hotspots move to the top of the page, everything else fades out, then visualization page fades in below hotspots. Hotspots are now icons

  • state table: on scroll, contents of left sidebar + table header are fixed to the top of the browser.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment