Presented October 15 for #RefreshDenver at Galvanize Denver. An overview of data visualization themes and approaches for both designers and developers.
PRICE REDUCED TO 189K USD. This lot is one of the best values at Hacienda Pinilla. Low absolute price, lowest price per square meter on course. Great Location. Building plans available. Great View of course and Costa Rican hills in background. Walk to beach and 5-star Marriott resort.
Responding to Context: Using data to design experiences that care about custo...Hollie Lubbock
The digital landscape is in flux, we need to design and manage customer experiences to dynamically target audiences and respond in realtime.
Sadly, the avalanche of data available to brands who deliver products and services results most often in spam and hassle, when it genuinely offers a chance to cut through at the right moment, offer help, deliver a frictionless experience, respond in the moment with the right thing, and make the world a better place.
JWT INSIDE Webinar: Recruitment and Retention Trends for 2015JWTINSIDE
Analyzing the workings of an organization within the context of understanding, living, and sharing the culture.
Get a head start on 2015 and find out how recruitment and retention trends will impact the job market for rest of the year. During the course of our presentation, we will discuss ideas to help you conceive congruent plans and make well-informed decisions in the spheres of brand and culture, with a focus on how to apply best practices to your recruitment and retention strategies. Join us to align your goals with global projections for 2015 and seize upcoming opportunities from an advantageous position.
Social media is not optional. It's been proven to increase website visitors, to help convert more leads and to drive more customers. But do you know how to best navigate the social media landscape? Who to target, and which networks are best for your audience?
This presentation is part of HubSpot's complimentary Inbound Certification. You can learn more at: http://academy.hubspot.com/certification
PRICE REDUCED TO 189K USD. This lot is one of the best values at Hacienda Pinilla. Low absolute price, lowest price per square meter on course. Great Location. Building plans available. Great View of course and Costa Rican hills in background. Walk to beach and 5-star Marriott resort.
Responding to Context: Using data to design experiences that care about custo...Hollie Lubbock
The digital landscape is in flux, we need to design and manage customer experiences to dynamically target audiences and respond in realtime.
Sadly, the avalanche of data available to brands who deliver products and services results most often in spam and hassle, when it genuinely offers a chance to cut through at the right moment, offer help, deliver a frictionless experience, respond in the moment with the right thing, and make the world a better place.
JWT INSIDE Webinar: Recruitment and Retention Trends for 2015JWTINSIDE
Analyzing the workings of an organization within the context of understanding, living, and sharing the culture.
Get a head start on 2015 and find out how recruitment and retention trends will impact the job market for rest of the year. During the course of our presentation, we will discuss ideas to help you conceive congruent plans and make well-informed decisions in the spheres of brand and culture, with a focus on how to apply best practices to your recruitment and retention strategies. Join us to align your goals with global projections for 2015 and seize upcoming opportunities from an advantageous position.
Social media is not optional. It's been proven to increase website visitors, to help convert more leads and to drive more customers. But do you know how to best navigate the social media landscape? Who to target, and which networks are best for your audience?
This presentation is part of HubSpot's complimentary Inbound Certification. You can learn more at: http://academy.hubspot.com/certification
Amplifying your Content with Social Media 2014 - Class #4 HubSpot Inbound Aca...Sorin Magureanu
Social media: the most underrated tool in your inbound toolkit.
Social media can be used to attract visitors, convert leads, close customers, and even delights existing customers into promoters. So how do you make it work for you? Which platforms are best for your personas, and how do you engage with them once you are there? This class will explore how social media can be an integral part of your inbound strategy.
This class fits into the "Attract" stage of Inbound Methodology - we leverage social media to connect with new faces and to expand our marketing reach.
http://academy.hubspot.com/inbound-marketing-certification/attract/social-media
Archetypes & Personas: Bringing User Needs to LifeAzarakhsh Damood
User archetypes and personas are a valuable tool in the design thinker’s toolbox. Built from synthesized insights, they are a natural and intuitive way to compile and comprehend consumer behaviors and attitudes gleaned during research. Knowing when – and how – to use them effectively is an important skill for any innovator to master. Aza Damood from Booz Allen Hamilton’s Strategic Innovation Group (SIG) for DT:DC’s May workshop to learn how persona creation can bring user needs to life and act as a guiding light throughout the design process.
A recent Bersin survey pointed out that just 28 percent of organizations have “good” or “very good” levels of proficiency in basic data literacy skills. And that makes sense, because it often feels like you need a statistics degree to understand HR analytics. But the truth is, you don’t need a degree. You just need to know what to look for and how to turn that into meaningful conclusions. Degreed and Watershed are here to help.Join us for Data Fluency for Dummies.
Develop a Social Media presentation by Mouneeb Shahid of www.2webdesign.com from workshop June 10th at Women Entrepreneurs of Saskatchewan Inc. Selecting a social media channel for your business, creating content your audience will love, and defining metrics and understanding analytics. Please check out the associated workbook at http://www.2webdesign.com/blog/develop_a_social_media_strategy
Watched the recorded webinar at: http://www.fusionspark.com/lp/platforms-interactive-storytelling-ondemandreg/
In this discussion, FusionSpark media will explore with the founders of SpinRiot and The Documentary Summit the brief history of interactive content, the accelerated movement and key drivers towards interactive engagement with audiences, and, through emerging interactive platforms how storytellers can quickly create and publish their own original interactive storylines. We will then demonstrate a new platform that requires little to no technical training to get you up and running in no time.
Copy of slide deck presented at the AAM MuseumExpo on Monday, April 27 at the Technology Innovation Stage
The Minneapolis Institute of Arts (MIA) has created an open source toolset for crafting and sharing engaging digital stories. “Griot”, a West African term for wise story-teller. The interpretive software is in use at the MIA, branded as ArtStories: http://artstories.artsmia.org ArtStories are available on tablet devices provided in the galleries, and for those using their own devices. The tools includes authoring content, presenting stories, and tiling & annotating images to enhance zooming, panning, and highlighting details.
This session will describe the development of the tools, demonstrate the software in action, discuss the results of a formal audience evaluation, and its impact on museum visitors.
Social Media productivity tools and tips for PR professionals in the Travel and Tourism industry, presented in May 2010 by Johna Burke of Burrell's Luce and Angela Berardino of Turner PR.
To be effective, brands must supplement demographic targeting to connect individually – and at scale – with consumers. It means creating completely custom audiences, using psychographics and social behavior data—across time—designed to capture and understand:
What consumers want and love
What they are doing and will do next
How to help them think of YOU when they’re doing it
Watch this webinar to learn about a proven solution and best practices that top global brands use to understand your audience, drive real value, and make your marketing more successful.
KEY TAKEAWAYS:
How consumer experience impacts brand loyalty and revenue.
How to discover emerging trends in real-time.
How to do audience segmentation, campaign development and engagement with social media analytics.
How User Experience Addresses Unconscious BiasMarcus Finley
Presentation for NCT4G.
User experience design is one approach to addressing the issues of unconscious bias often found in today’s technology. Unconscious bias is an often overlooked and undervalued aspect of UX design since the little details seem to be so minor to us, however these minor details can have large and lasting impacts. Designing a user experience without paying attention to unconscious biases is leaving out small changes that, in turn, alienate large demographics of people and shrink your client base. On the other hand, making these small changes could be just the kickstart your product needs to expand and catch on within other demographics. This presentation will detail how to identify and overcome unconscious bias in order to achieve the maximum client or consumer base possible.
Marcus Finley, Twitter: @marcusafinley, Instagram: @findigital
FIN. Digital
Concurrent Session
Speaker Bio
Marcus Finley is the CEO and Founder of FIN Digital, a full service application development firm in Washington DC. Marcus graduated from Florida State University where he majored in Mechanical Engineering and Public Administration. Marcus is a certified Scrum Master with expert knowledge of a number programming languages, user experience design and web/mobile application development. Marcus has managed over $3 million dollars of contracted technology development and strategy projects for with an average project budget of $200,000. In his professional roles he has provided technology strategies and user experiences to achieve client’s goals. He has help developed UX practices, lead a number of UX workshops with clients and guided companies with emerging needs of validating applications. He co-founded a Meetup called Color of Tech to bring together a diverse group of technology professionals to network and thrive.
A lightening speed introduction to the world of digital design. Targeted at people from graphic design, advertising or marketing backgrounds who are looking to make the transition into the digital design world.
Developing Dashboards with User-Centered DesignAmanda Makulec
Design sprint session hosted at the TechLady Hackathon, focused on the basic principles and techniques for starting a design process with who will use the data, rather than the tables and tools.
Amplifying your Content with Social Media 2014 - Class #4 HubSpot Inbound Aca...Sorin Magureanu
Social media: the most underrated tool in your inbound toolkit.
Social media can be used to attract visitors, convert leads, close customers, and even delights existing customers into promoters. So how do you make it work for you? Which platforms are best for your personas, and how do you engage with them once you are there? This class will explore how social media can be an integral part of your inbound strategy.
This class fits into the "Attract" stage of Inbound Methodology - we leverage social media to connect with new faces and to expand our marketing reach.
http://academy.hubspot.com/inbound-marketing-certification/attract/social-media
Archetypes & Personas: Bringing User Needs to LifeAzarakhsh Damood
User archetypes and personas are a valuable tool in the design thinker’s toolbox. Built from synthesized insights, they are a natural and intuitive way to compile and comprehend consumer behaviors and attitudes gleaned during research. Knowing when – and how – to use them effectively is an important skill for any innovator to master. Aza Damood from Booz Allen Hamilton’s Strategic Innovation Group (SIG) for DT:DC’s May workshop to learn how persona creation can bring user needs to life and act as a guiding light throughout the design process.
A recent Bersin survey pointed out that just 28 percent of organizations have “good” or “very good” levels of proficiency in basic data literacy skills. And that makes sense, because it often feels like you need a statistics degree to understand HR analytics. But the truth is, you don’t need a degree. You just need to know what to look for and how to turn that into meaningful conclusions. Degreed and Watershed are here to help.Join us for Data Fluency for Dummies.
Develop a Social Media presentation by Mouneeb Shahid of www.2webdesign.com from workshop June 10th at Women Entrepreneurs of Saskatchewan Inc. Selecting a social media channel for your business, creating content your audience will love, and defining metrics and understanding analytics. Please check out the associated workbook at http://www.2webdesign.com/blog/develop_a_social_media_strategy
Watched the recorded webinar at: http://www.fusionspark.com/lp/platforms-interactive-storytelling-ondemandreg/
In this discussion, FusionSpark media will explore with the founders of SpinRiot and The Documentary Summit the brief history of interactive content, the accelerated movement and key drivers towards interactive engagement with audiences, and, through emerging interactive platforms how storytellers can quickly create and publish their own original interactive storylines. We will then demonstrate a new platform that requires little to no technical training to get you up and running in no time.
Copy of slide deck presented at the AAM MuseumExpo on Monday, April 27 at the Technology Innovation Stage
The Minneapolis Institute of Arts (MIA) has created an open source toolset for crafting and sharing engaging digital stories. “Griot”, a West African term for wise story-teller. The interpretive software is in use at the MIA, branded as ArtStories: http://artstories.artsmia.org ArtStories are available on tablet devices provided in the galleries, and for those using their own devices. The tools includes authoring content, presenting stories, and tiling & annotating images to enhance zooming, panning, and highlighting details.
This session will describe the development of the tools, demonstrate the software in action, discuss the results of a formal audience evaluation, and its impact on museum visitors.
Social Media productivity tools and tips for PR professionals in the Travel and Tourism industry, presented in May 2010 by Johna Burke of Burrell's Luce and Angela Berardino of Turner PR.
To be effective, brands must supplement demographic targeting to connect individually – and at scale – with consumers. It means creating completely custom audiences, using psychographics and social behavior data—across time—designed to capture and understand:
What consumers want and love
What they are doing and will do next
How to help them think of YOU when they’re doing it
Watch this webinar to learn about a proven solution and best practices that top global brands use to understand your audience, drive real value, and make your marketing more successful.
KEY TAKEAWAYS:
How consumer experience impacts brand loyalty and revenue.
How to discover emerging trends in real-time.
How to do audience segmentation, campaign development and engagement with social media analytics.
How User Experience Addresses Unconscious BiasMarcus Finley
Presentation for NCT4G.
User experience design is one approach to addressing the issues of unconscious bias often found in today’s technology. Unconscious bias is an often overlooked and undervalued aspect of UX design since the little details seem to be so minor to us, however these minor details can have large and lasting impacts. Designing a user experience without paying attention to unconscious biases is leaving out small changes that, in turn, alienate large demographics of people and shrink your client base. On the other hand, making these small changes could be just the kickstart your product needs to expand and catch on within other demographics. This presentation will detail how to identify and overcome unconscious bias in order to achieve the maximum client or consumer base possible.
Marcus Finley, Twitter: @marcusafinley, Instagram: @findigital
FIN. Digital
Concurrent Session
Speaker Bio
Marcus Finley is the CEO and Founder of FIN Digital, a full service application development firm in Washington DC. Marcus graduated from Florida State University where he majored in Mechanical Engineering and Public Administration. Marcus is a certified Scrum Master with expert knowledge of a number programming languages, user experience design and web/mobile application development. Marcus has managed over $3 million dollars of contracted technology development and strategy projects for with an average project budget of $200,000. In his professional roles he has provided technology strategies and user experiences to achieve client’s goals. He has help developed UX practices, lead a number of UX workshops with clients and guided companies with emerging needs of validating applications. He co-founded a Meetup called Color of Tech to bring together a diverse group of technology professionals to network and thrive.
A lightening speed introduction to the world of digital design. Targeted at people from graphic design, advertising or marketing backgrounds who are looking to make the transition into the digital design world.
Developing Dashboards with User-Centered DesignAmanda Makulec
Design sprint session hosted at the TechLady Hackathon, focused on the basic principles and techniques for starting a design process with who will use the data, rather than the tables and tools.
Similar to Data Visualization for Designers and Developers : Planning and Approach to Effective Data Visualization (20)
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdfEnterprise Wired
In this guide, we'll explore the key considerations and features to look for when choosing a Trusted analytics platform that meets your organization's needs and delivers actionable intelligence you can trust.
Learn SQL from basic queries to Advance queriesmanishkhaire30
Dive into the world of data analysis with our comprehensive guide on mastering SQL! This presentation offers a practical approach to learning SQL, focusing on real-world applications and hands-on practice. Whether you're a beginner or looking to sharpen your skills, this guide provides the tools you need to extract, analyze, and interpret data effectively.
Key Highlights:
Foundations of SQL: Understand the basics of SQL, including data retrieval, filtering, and aggregation.
Advanced Queries: Learn to craft complex queries to uncover deep insights from your data.
Data Trends and Patterns: Discover how to identify and interpret trends and patterns in your datasets.
Practical Examples: Follow step-by-step examples to apply SQL techniques in real-world scenarios.
Actionable Insights: Gain the skills to derive actionable insights that drive informed decision-making.
Join us on this journey to enhance your data analysis capabilities and unlock the full potential of SQL. Perfect for data enthusiasts, analysts, and anyone eager to harness the power of data!
#DataAnalysis #SQL #LearningSQL #DataInsights #DataScience #Analytics
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...Subhajit Sahu
Abstract — Levelwise PageRank is an alternative method of PageRank computation which decomposes the input graph into a directed acyclic block-graph of strongly connected components, and processes them in topological order, one level at a time. This enables calculation for ranks in a distributed fashion without per-iteration communication, unlike the standard method where all vertices are processed in each iteration. It however comes with a precondition of the absence of dead ends in the input graph. Here, the native non-distributed performance of Levelwise PageRank was compared against Monolithic PageRank on a CPU as well as a GPU. To ensure a fair comparison, Monolithic PageRank was also performed on a graph where vertices were split by components. Results indicate that Levelwise PageRank is about as fast as Monolithic PageRank on the CPU, but quite a bit slower on the GPU. Slowdown on the GPU is likely caused by a large submission of small workloads, and expected to be non-issue when the computation is performed on massive graphs.
Analysis insight about a Flyball dog competition team's performanceroli9797
Insight of my analysis about a Flyball dog competition team's last year performance. Find more: https://github.com/rolandnagy-ds/flyball_race_analysis/tree/main
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Data and AI
Round table discussion of vector databases, unstructured data, ai, big data, real-time, robots and Milvus.
A lively discussion with NJ Gen AI Meetup Lead, Prasad and Procure.FYI's Co-Found
Data Visualization for Designers and Developers : Planning and Approach to Effective Data Visualization
1. DATA VISUALIZATION FOR DESIGNERS & DEVELOPERS:
PLANNING & APPROACH TO EFFECTIVE DATA VISUALIZATIONS
October 15, 2015
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
2. VALUE
WHO AM I?
My name is Anthony Chavez, I am acting
Executive Interactive Producer at Dfuzr. I
love Javascript, FE development and all
things design. I’m also fond of skiing, fly-
fishing, music, tattoos, cats, good lagers
and many other things. Connect with me
to discuss… just about anything, I’d be
happy to hear from you!
!
Email: anthony@dfuzr.com
Twitter: @artisgarbage
LinkedIn: https://www.linkedin.com/in/anthonychavez
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
3. DFUZR
DFUZR
!
Dfuzr: n. /d-fūz-er/
Dfuzr is a full-service digital agency.
Our small, high-performance teams of
expert creative and technology
consultants transform ideas into
positive brand interactions through
media and technology.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
4. DFUZR
DFUZR
!
Dfuzr: we love data-vis!
We’re happy to assist with any of your digital needs, but we
really do love bringing the stories buried in data to life.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
5. OUTLINE
• PRINCIPLES FOR VISUALIZATION
• APPROACH & PLANNING
• BRIEF CASE STUDY
• TOOLS FOR NON-DEVELOPERS
• TOOLS FOR DEVELOPERS
• SHOWCASE & INSPIRATION
• Q&A
!
!
GOALS
• Take a step back from implementation and re-examine core data visualization principles.!
• Contemplate effective approach and planning strategies for data visualization.!
• Examine current data-visualization tools for designers and developers.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
6. CREATE A COMPELLING DATA NARRATIVE
• TELL A STORY WITH YOUR VISUALIZATION.
• DESIGN PRINCIPLES ALWAYS MATTER.
• SUPPORTING CONTENT CAN ENHANCE THE NARRATIVE.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
7. PRINCIPLES OF DATA VISUALIZATION
• INFORMATION ARCHITECTURE IS KEY.
• What are the visual priorities required to quickly draw conclusions from the visualization?!
• DESIGN OBJECTIVELY.
• Determine exactly which points you are trying to illustrate.!
• MAXIMIZE SIGNALS, MINIMIZE NOISE.
• Use only the minimum amount of data required to represent what you are trying to convey in the
visualization.!
• THINK EXPERIENCE, DEVICES, PROPORTIONS.
• Consider the essential pieces of information for smallest target visualization.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
8. DIMENSIONALITY
• Effective data visualization planning begins with dimensionality analysis.!
• Which dimensions are accessible?!
• Which dimensions actually matter?!
• How can you adapt dimensions to the needs of users and/or viewers.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
Data
Dimensions
Noise
13. VISUALIZATION TYPES
• CONVENTIONAL VISUALIZATIONS. Line and bar graphs.
• HISTOGRAMS. One dimensional data showing continuous distributions.!
• PIES / GAUGES. Emphasizes that discrete categories sum to a constant.!
• VENN DIAGRAMS.
• Shows the similarity or overlap between discrete groups. !
• Difficult to implement with mathematical accuracy. http://www.cs.uic.edu/~wilkinson/Publications/
venneuler.pdf !
• SCATTER PLOTS.
• Effective for illustrating relationships between two continuous dimensions.!
• Can also be used with many discrete items using identity as an identifier.!
• MAPS.
• Effective for displaying multiple discrete groups. Should be used sparingly, only when value is gained
from a geographic depiction of datasets.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
14. CONVENTIONAL VISUALIZATIONS
• BAR GRAPHS. Great for grouping
discrete factors and can leverage the
innate semantics of grouping to provide
additional dimensionality.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
• LINE GRAPHS. Effective for showing continuous
dimensions while comparing discrete groups.!
17. APPROACH : MODELING
• Try to understand the driving factors behind data, not just the changes in data.!
• Clearly identify main effects in your data.!
• Place emphasis on the magnitudes of effects.!
• Consider each row/record to be a single observation.!
• Use appropriate computational tools.!
• Goal, a clean meaningful model of data for implementation!
!
A note on experimental design
• Consider the experimental design behind your data and the questions that were being tested… !
this can have various implications on your data and ultimate visualization.!
• Does error analysis matter to your overall data narrative, to your model?
A description of the process by which datasets are generated
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
18. APPROACH : CONSIDERATIONS
• What is the most efficient way of seeing
what the data is showing?!
• How much data actually needs to be
shown?!
• What is the most appropriate picture of
the dataset?!
• How is the data best iteratively
examined?!
• What is the best way to frame the
visualization?
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
D3 VISUALIZATIONS FOR DFUZR CLIENT, BRITE CONTENT
19. APPROACH : USABILITY DESIGN
• Understand your audience, personas and how their needs differ.!
• Seriously consider your output dimensions / devices.!
• Strive towards interfaces that illustrate effects and emphasize their size, not their significance.!
• Encourage precise behaviors, not simple approximations.!
• Use interface, messaging and aesthetic tools as is appropriate.!
• Try not to neglect your data tables.
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
20. USABILITY DESIGN : INTERFACE TOOLS
• Conditional dimensions based on an interface state.!
• Meaningful micro-interactions!
• Drill-Down / Drill-In!
• Animation and Media Files
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
22. APPROACH : SUMMARY
• What is the most efficient way of seeing what the data is showing?!
• What is the most appropriate picture of the dataset?!
• How is the data best iteratively examined?!
• How can you do more with less?!
• Can you ‘hybridize’ with multiple axis, scales, or collections of visualizations?!
!
THINGS TO AVOID
• Messy graphs!
• Too much data on a single plot!
• Comparison friction!
• Poor semantics!
• Unnecessary or redundant content/data
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
PRELIMINARY RESEARCH IS KEY
• Know your users!
• Produce usability hypotheses!
• Test hypotheses and iterate
23. Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
A BRIEF CASE STUDY: PINPOINT
D3 VISUALIZATIONS FOR DFUZR CLIENT, WOLTERS KLUWER
• Adaptive analytics tool for deans
and administrators of nursing
schools
• Business requirements
necessitated comparison of many
mixed dimensions and broad
scales.
• Used for identification of “at-risk”
groups w.r.t accreditation.
Safari File View History Bookmarks Window Help
Googlehttp://pinpoint.wolterskluwer.com
Comparison of Nursing, Capstone 2013 by Class
View Options Table Graph Table + Graph Save Print Export
Modify Filters
80
70
60
50
40
30
20
10
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
# of Quizzes Completed
Beth Youngblood
Class of 2015
200 Quizes Completed
NCLEX RN PassPoint
Class Product Instructor
Nursing, Capstone 2013
Maternity 3084
Youngblood, Beth
Bechard, Holly
Doe, Jane
Bechard, Holly
NCLEX RN PassPointClass of 2015
NCLEX RN PassPoint
NCLEX RN PassPoint
Senior Class 2014
Lorem ipsume dolor
LLW,
Maternity-Pediatric-
Ricci
Bechard, HollyNCLEX RN PassPointLorem ipsume dolor
Feb
100
200
12
1098
1098
Mar
100
200
12
1098
1098
Apr
100
200
12
1098
1098
May
100
200
12
1098
1098
June
100
200
12
1098
1098
July
100
200
12
1098
1098
Aug
100
200
12
1098
1098
Sep
100
200
12
1098
1098
# of Quizzes Completed
Saved Reports Help/FAQ LogoutHome
PinPoint
by
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt fringilla dolor, at commodo massa pellentesque eu. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer euismod non nunc commodo varius. Curabitur quis elementum nisi.
Class Product Instructor
Add Filters
# of Quizzes Completed
90
80
70
60
50
40
30
20
10
Line Graph & Table View
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
Fall 2013 Classes
Comparison of Capstone, Nursing 2013 by Class
View Options Table Graph Table + Graph Save Print Export
Modify Filters
Class Product Instructor
Lipscomb University,
Maternity 3084
NCLEX RN PassPointClass of 2015
NCLEX RN PassPoint
NCLEX RN PassPoint
Senior Class 2014
Lorem ipsume dolor
LLW,
Maternity-Pediatric-
Ricci
# Students
Enrolled
40
Log Ins Quizes
Questions
Answered
12
33
22
3
51
133
4
100
200
12
1098
1000
2000
120
10980
Class
Mastery
5.8
3.4
2.3
6.5
Youngblood, Beth
Youngblood, Beth
Youngblood, Beth
Bechard, Holly
80
70
60
50
40
30
20
10
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
# of Quizzes Completed # of Quizzes Completed
Saved Reports Help/FAQ LogoutHome
Reporting Tool
Comparison of Nursing, Capstone 2013 by Class
View Options Table Graph Table + Graph Save Print Export
Modify Filters
Class Product Instructor
Lipscomb University,
Maternity 3084
NCLEX RN PassPointClass of 2015
NCLEX RN PassPoint
NCLEX RN PassPoint
Senior Class 2014
Lorem ipsume dolor
LLW,
Maternity-Pediatric-
Ricci
# Students
Enrolled
40
Log Ins Quizes
Questions
Answered
12
33
22
3
51
133
4
100
200
12
1098
1000
2000
120
10980
Class
Mastery
5.8
3.4
2.3
6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
NCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
Youngblood, Beth
Youngblood, Beth
Youngblood, Beth
Bechard, Holly
Bechard, Holly
Bechard, Holly
Bechard, Holly
Bechard, Holly
Pillow, Roletha
Pillow, Roletha
Pillow, Roletha
Pillow, Roletha
80
70
60
50
40
30
20
10
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
# of Quizzes Completed # of Quizzes Completed
Saved Reports Help/FAQ LogoutHome
Reporting Tool
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt fringilla dolor, at commodo massa pellentesque eu. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer euismod non nunc commodo varius. Curabitur quis elementum nisi.
24. Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
MAPPING THE EXPERIENCE
D3 VISUALIZATIONS FOR DFUZR CLIENT, WOLTERS KLUWER
• Usability research
necessitated simplicity, bars
& lines.
• Grouping exposed as an
additional dimension with
color scale
• Dimension switch interface
components
“The Point”
Authentication
Handshake
2.1 Compare
Cohorts
to All
Users
2.2 Compare
Instructors
by Course
2.4 Compare
Classes
by Course
Over Time
2.5 Compare
All Classes
Over Time
1.1 User
Dashboard
A
3.3 Print
3.4 Export
to
File
PDF
b
XLS
a
2.3 Compare
Classes
by Course
Report
B
A
B
C
D
E
Report
B
A
B
C
D
E
5.1 Choose
One or Many
Classes 5.2 Choose
a Course
Choose
a Date Range
3.5 Change
View
3.1 Report
B
A
B
C
D
E
3.2 Saved Reports
B
3.6 Choose
a Report Title
6.1 Choose
One or Many
Instructors Choose
Course
Choose
a Date Range
4.1 Choose
a Date Range
Report
B
A
B
C
D
E
Choose
a Date Range
3.2.b Edit
Report
3.2.b.i Save
Report
3.2.c Delete
Report
3.2.c.i
Deletion
3.2.a Saved
Report
B
A
B
C
D
E
25. Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
D3 VISUALIZATIONS FOR DFUZR CLIENT, WOLTERS KLUWER
Safari File View History Bookmarks Window Help
Googlehttp://pinpoint.wolterskluwer.com
Welcome, Jane Doe!
What would you like to do today?
5
Get Started
Start by choosing one or several
products to compare in your reports.
Saved Reports Help/FAQ LogoutHome
PinPoint
by
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt fringilla dolor, at commodo massa pellentesque eu. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer euismod non nunc commodo varius. Curabitur quis elementum nisi.
Safari File View History Bookmarks Window Help
Googlehttp://pinpoint.wolterskluwer.com
Welcome, Jane Doe!
What would you like to do today?
5 Compare performance
accross these products :
NCLEX RN PassPoint
LWW, Maternity-Pediatric-Ricci
LWW, Nursing-Medsurg
LWW, Nursing-Craven
LWW, Nursing-Pharmacology-...
Add Product
Saved Reports Help/FAQ LogoutHome
More
PinPoint
by
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt fringilla dolor, at commodo massa pellentesque eu. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer euismod non nunc commodo varius. Curabitur quis elementum nisi.
# of Selected Products
Displays to the user the number of
products that they selected. Each
product selected will have it’s data
displayed in a generated report. By
default, all products will be selected.
Main Navigation
Main navigation to key features.
Create Reports
Friendly options / entry-points for
creating key reports.
Chosen Products
Displays to the user the products
that they selected. Each product
will have it’s data displayed in a
generated report. By default, all
products will be selected.
Saved Reports Navigations
Displays a list of the user’s saved
reports.
CONCEPTUALIZING THE EXPERIENCE
26. Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
CONCEPTUALIZING THE EXPERIENCE
D3 VISUALIZATIONS FOR DFUZR CLIENT, WOLTERS KLUWER
Safari File View History Bookmarks Window Help
Googlehttp://pinpoint.wolterskluwer.com
Welcome, Jane Doe!
What would you like to do today?
5
Saved Reports Help/FAQ LogoutHome
PinPoint
by
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt fringilla dolor, at commodo massa pellentesque eu. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer euismod non nunc commodo varius. Curabitur quis elementum nisi.
Compare
Add Instructor Go
Youngblood, Beth
Bechard, Holly
Safari File View History Bookmarks Window Help
Googlehttp://pinpoint.wolterskluwer.com
Compare Instructors
View Options Table Graph Table + Graph Save Print
Class Product Instructor
Lipscomb University,
Maternity 3084
Youngblood, Beth
Youngblood, Beth
Youngblood, Beth
Bechard, Holly
NCLEX RN PassPointClass of 2015
NCLEX RN PassPoint
NCLEX RN PassPoint
Senior Class 2014
Lorem ipsume dolor
LLW,
Maternity-Pediatric-
Ricci
# Students
Enrolled
40
Log Ins Quizes
Questions
Answered
12
33
22
3
51
133
4
100
200
12
1098
1000
2000
120
10980
Class
Mastery
5.8
3.4
2.3
6.5
Bechard, HollyNCLEX RN PassPointLorem ipsume dolor 22 4 1098 10980 6.5
90
80
70
60
50
40
30
20
10
# of Students Enrolled
47
74
38
47
74
38
47
74
38
47
74
38
47
74
38
Export
Modify Filters
# Students Enrolled
Saved Reports Help/FAQ LogoutHome
PinPoint
by
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt fringilla dolor, at commodo massa pellentesque eu. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer euismod non nunc commodo varius. Curabitur quis elementum nisi.
Beth Youngblood
Class of 2015
47 Students Enrolled
NCLEX RN PassPoint
Conditional Filters / Options
Provide the necessary options for
generating key reports.
Graph Data Highlight
Highlights the column of data being
displayed.
Graph Hover Highlight
Highlights the row of data if a user
hovers over a corresponding ele-
ment in the graph.
Graph Functions
A user is able to save, print or
export a report.
View Options
Provides utilities for switching views,
changing grouping and sorting
settings, etc.
Tooltip
Informational tooltip for when
a user hovers over a bar. The
corresponding row of data.
Modify Filters
27. Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
CONCEPTUALIZING THE EXPERIENCE
D3 VISUALIZATIONS FOR DFUZR CLIENT, WOLTERS KLUWER
Course Product Instructor
Lipscomb
University,
Maternity 3084
LWW,
Maternity-Pediatric
-Ricci
Youngblood,
Beth
Class of 2015 NCLEX RN
PassPoint
Youngblood,
Beth
Senior Class 2014 NCLEX RN
PassPoint
Youngblood,
Beth
Table View
Lorem Ipsum NCLEX RN
PassPoint
Youngblood,
Beth
Add Filters
Youngblood, Beth
Hide Filters
Nursing
Fall 2013 Classes Fall 2013 Classes
Lipscomb
University,
Maternity 3084
LWW,
Maternity-Pediatric
-Ricci
Youngblood,
Beth
Course Product Instructor
Add Filters
# Students Enrolled
90
80
70
60
50
40
30
20
10
47
74
38
Graph & Table View
Class Product Instructor
Add Filters
# of Quizzes Completed
90
80
70
60
50
40
30
20
10
Line Graph & Table View
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
Fall 2013 Classes
Filters
Report Type Navigation
Table Data
Add Filters Button
Graph Data
Save Report Button / Indicator
29. TOOLS FOR DEVELOPERS
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
!
• Javascript is your friend.!
• D3 / C3 http://d3js.org/ http://c3js.org/ !
• Google Charts https://developers.google.com/chart/ !
• CanvasJS http://canvasjs.com/!
!
• UI Webview can be used to wrap JS visualizations for native iOS development.!
• CorePlot/Cocoa https://github.com/core-plot !
• “Vanilla” OpenGL is still a great drawing tool for visualizations, JOGL for Java!
31. CONCLUSION
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
!
• CREATE A COMPELLING DATA NARRATIVE
• EXAMINE DIMENSIONALITY PRIOR TO CONCEPTUALIZATION
• KNOW YOUR AUDIENCE
• PRODUCE INTERFACES THAT ENCOURAGE ANALYTICAL BEHAVIORS
32. INSPIRATION
Out of Sight, Out of Mind.!
http://drones.pitchinteractive.com/ !
by Pitch Interactive!
!
The Refugee Project!
http://www.therefugeeproject.org/!
by Hyperakt and Ekene Ijeoma!
!
Small Arms & Ammunition - Imports &
Exports!
http://armsglobe.chromeexperiments.com/ !
by Pitch Interactive
Twitter: @dfuzrindustries Facebook: Dfuzr Industries LinkedIn: Dfuzr Industries #RefreshDenver
Visualizing Algorithms!
http://bost.ocks.org/mike/algorithms/ !
by Mike Bostock!
!
Visualizing MBTA Data - an interactive
exploration of Boston’s subway system!
http://mbtaviz.github.io/ !
by Mike Marry and Brian Card