Coding for Community - Team Dashability Town: Haddonfield Borough Links to Demo App: GitHub: https://github.com/indraneel/sustainability-dashboard Web App: http://dashability.com/landing/

1. Data Visualization Dashboard
Team: Dashability
Town: Haddonfield Borough

2. 2
Haddonfield wants a way to easily share information
“Share progress on sustainability issues and progress within
Sustainable Jersey program with residents and municipal officials in an
easy to digest format, which will help garner support for their efforts”
-Haddonfield Borough Municipal Need Statement
Haddonfield Borough
Green Team

3. 3
The Green Team needs public support to accomplish its goals
• Limited resources
• No public engagement
• No power to change local laws /
fund programs
• Financial and volunteer support
• Public participation in events/ pledges
• Support for policy changes
Sustainable ChangeNo Change
Alone Together
Municipal Gov’t Residents

4. 4
Dashability empowers teams with a new way to communicate
Dashability is the most effective marketing tool for Green Teams
Share to social media
to promote causes
Easily view data in
one place as charts
Load information from
existing SJ actions
1 2 3

5. 5
How would a Green Team member use Dashability?
Put yourselves in the position of a Haddonfield Green Team member…
I want to use Dashability to:
• Track our overall progress on sustainability goals
• Create and view data visualizations for an action
• Share with our residents on Facebook
Link: http://dashability.com/app/dashboard/Haddonfield
Backup Link: http://dashability.com

6. 6
With improved communication, Haddonfield can achieve much more
Short Term Impact Long Term Impact
• Creates easy to understand visuals in a single
location
• Can communicate importance of actions and
progress
• Post more effective information on existing
platforms
• Generate greater participation from residents
• Develop evidence of value for municipal
officials to help drive policy goals
• Increased public awareness and support of
initiatives
Greater Awareness Better Outcomes

7. 7
But what about the other municipalities with Green Teams?
Link: http://dashability.com/landing/
198
Certified Municipalities
2,000+
Sustainability Actions Completed
Dashability can help them too!
Backup Link: http://dashability.com

8. 8
The same impact can be extrapolated across New Jersey
Track sustainability progress across all towns
and make comparisons
Green Teams achieve individual goals with more
powerful tools
Residents across the state become more aware
of sustainability actions and progress
Sustainability
becomes a
statewide goal
Short Term Impact Long Term Impact

9. 9
Current Usability
Feature Status Details
Platform for viewing actions
Standalone platform created to host all features and
visualizations
Comparison of actions across towns
Have metadata comparing number of actions & points
between all certified towns
Data for all SJ towns All SJ actions loaded for all certified towns
Sharing to social media Can currently share across major social networks
Available charts & visuals
Allow for bar, line and pie charts; Would like to add more
types of visualizations (e.g. different charts, maps, etc.)
Simplified loading of data
Is currently manual but guided; Requires standardization of
data formats to be more automated
Visualize all SJ actions
Infrastructure for visualizations and data exists, but not all
actions have associated data
Currently Available
Available in short term /
minor barriers
Achievable in long term /
major barriers

10. 10
Supporting Information & Materials
• GitHub: https://github.com/indraneel/sustainability-dashboard
• Web App: http://dashability.com/app/
• The web scraper as well as the user interface was built by the team
• Web scraper – Collects data from Sustainable Jersey Website
• User Interface – Allows Green Teams to create pages, users to navigate data visualizations, and users to share
• Several open-source libraries were used for the following features:
• User Interface:
• React https://facebook.github.io/react/
• Redux redux.js.org
• Material-UI http://www.material-ui.com/
• Lucid-UI https://github.com/appnexus/lucid
• Web Scraper:
• MySQL https://www.mysql.com/
• Other General Code:
• Flask http://flask.pocoo.org/
• Other: Open Source Icons Used in Presentation:
• Eco-Friendly by icon 54 from the Noun Project
• House by icon 54 from the Noun Project
• Capitol Building by icon 54 from the Noun Project