Skip to content

Instantly share code, notes, and snippets.

View JessicaFreaner's full-sized avatar

Jess Freaner JessicaFreaner

View GitHub Profile
@JessicaFreaner
JessicaFreaner / README.md
Last active August 29, 2015 14:25
Simple Sales Dash

Sales Dashboard Description

Visualization created using dummy data. Allows for user to observe overall breakdown of sales by sales team member and product mix. Total sales displayed above breakdown. Line graph shows 2014 numbers relative to prior years (2010 - 2014). Click functionality allows user to filter by individual sales personnel.

Functions Explored:

  • Displaying information multiple ways
  • Access to Total and Component Breakdown data
  • Click to filter
  • Line graph shows 2014 sales (i.e., final dot) relative to prior years
@JessicaFreaner
JessicaFreaner / README.md
Created July 15, 2015 20:35
Affordable Health Care

Description

Interface allows users to find information about the cost of health care plans by state. Tool provides the cost for the following end-users :

  • 27-year-Old with Income > $25k
  • 27-year-Old with Income < $25k
  • Family of Four with Income < $50k

Useful for :

@JessicaFreaner
JessicaFreaner / README.md
Last active August 29, 2015 14:24
Basic Dashboard Demo

Basic Dashboard Functional Description

Example explores basic dashboard functionality. Using Twitter API data, dashboard presents information about twitter user habits and engagement over time. Dashboard user can filter by day of week by clicking on the bar chart. Bar chart also shows day of week activity levels. User can also drag window to filter by time.

Functionality:

  • Multiple aspects of the same data displayed.
    • All displays tied to filter options.
  • Bar graph displays volume by category.
@JessicaFreaner
JessicaFreaner / README.md
Last active August 29, 2015 14:24
Visualizing Gentrification

Dual Map Display

Interactive visualization displays two sets of data geographically. Boundaries are drawn along census NTA (i.e., neighborhood) boundaries. Drop down buttons change selection of data. Left map is the control. It displays percent difference in median residential property values relative to the previous year. Color coding of map based on value. Right map displays MTA subway station data. Stations are represented as yellow dots.

Functionality:

  • Dual displays
  • Color coded displays
  • Lat./Long. locations identified and plotted on map
  • Drop down buttons for filtering
@JessicaFreaner
JessicaFreaner / README.md
Last active August 29, 2015 14:24
Manhattan Real Estate - 2015

Description

Interactive visualization allows users to explore 2015 real estate metrics for Manhattan by zip code. 2015 Q2 data was scraped from NY Times Real Estate Section. Pull down menu allows user to select which metric to investigate. Coloring of map reflects average values of each metric for each zip code.

Functionality:

  • Data-driven styling of map
  • Legend changes to accurately reflect each metric scale
  • Hover to see exact values for zip code in display
  • Hightlight on hover
@JessicaFreaner
JessicaFreaner / README.md
Last active July 31, 2017 06:44
Dual Multi-Line Graph with Interactive Legend

Functionality Description

d3 visualization allows users to explore data in several ways. User can display multiple pieces of information at once on two canvases. Visualization uses tags to group lines according to Legend Key. User can hover over Legend keys to make lines appear. Clicking on the Legend prevents lines from disappearing. Legend spacing adjusts for number of keys displayed.

My data represents the Survival and Hazard Probabilities of Heart Health Related Life Events.

Useful for :

  • compare / contrast different visualizations
  • group multiple pieces of information across graphs
@JessicaFreaner
JessicaFreaner / README.md
Last active August 29, 2015 14:20
US States Map - Side by Side

Description

Tool demonstrates ability to:

  • display maps (and other visualizations) of different data values side by side
  • reveal additional information with hover functionality
  • pair different visualizations together