Categories
Data Visualization and Art Design Infographics

Exploring VizHealth

When it comes to a person’s health, having the right data can make a world of difference. But sometimes it’s hard to make sense of the data when it isn’t condensed. What does it mean when the doctor says their patient’s blood pressure is X-over-Y? Will this medication do more harm than good? What should a patient to do reduce their risk factors?

This week, I paid a visit to Visualizing Health (VizHealth), a data visualization style guide specifically designed for communicating health data. Going into this project, my main concern was COVID-19, so I hoped that they had at least some content related to the coronavirus.

First Impressions

The home page for VizHealth.

When I arrived at the VizHealth home page, the first thing I noticed was the University of Michigan logo. I moved my mouse over it and the Robert Wood Johnson Foundation logo, but there were no links to either program. Other than that, the page itself had a simple design with a limited color palette and several key links.

About VizHealth

VizHealth results from a collaborative effort between the Robert Wood Johnson Foundation and the University of Michigan Center for Health Communications Research. Their goal is to better communicate data for a variety of health issues through numerous scientific studies. In turn, the VizHealth team hopes that the graphics they designed will provide inspiration to other health data visualization designers who want to tell a different story with their data.

At the top of the “About VizHealth” page, they include a brief video detailing their mission and methods:

At the core of the program is the data visualization wizard, where users answer a few questions to help them select the right graphic for what they want to convey to their audience. Then, there’s the visualization gallery, which contains a variety of graphics depicting different design concepts. Finally, VizHealth’s resources page includes a sample risk calculator and a short comic detailing two real-world applications of health visualization.

The Wizard (of VizHealth)

The first tool on the site is the Data Visualization wizard. Two questions greeted me when I opened the wizard: “What is your primary goal for communicating this specific piece of risk information?” and “Do people need to know or remember exact risk numbers or is it enough for them to get the basic idea (the gist) about the risk?”. Put in simpler terms, the wizard asked me for the purpose of my data and how much of said data I wish to convey to my audience.

For the first question, the wizard gives explanation tooltips for each choice to help users decide what story they want to tell with their data. For example, the second option details risk awareness, and they use a measles outbreak as their source. They also ask the user to consider if they meant to tell a different story; clicking the second option in the tooltip redirects them to another choice. Once I’ve made my selection, the site brought me to a confirmation page where I can continue onto the visualization gallery (discussed below) or change my answers.

Visualization Gallery

VizHealth’s visualization gallery holds 54 pieces of data visualization examples for users to browse, filter, and examine. Immediately, I found myself checking off filters to sort through the examples provided, though I was somewhat disappointed when I saw that there was no option to display COVID-19-related visualizations.

The design I chose pulled information from a 2014 measles statistic report. It compared annual measles cases reported from Brooklyn to nationwide measles cases.

Using this as a design template, I decided to pull monthly COVID-19 statistics for New Jersey and compared them to the national cases reported. As of September 24, COVID-19 cases are slightly increasing when compared to numbers from the previous month. One possible explanation for the increase could be attributed to Labor Day crowds and people disregarding CDC guidelines for social distancing and wearing masks.

This image is based on original research and designs from Visualizing Health, a collaborative project between the University of Michigan and the Robert Wood Johnson Foundation made publicly available via Creative Commons license. Our use of this image should not be considered an endorsement from Visualizing Health. For more information, visit www.vizhealth.org.

Resources from VizHealth

Finally, VizHealth provides a list of resources on how to use their content as well as some interactive tools. The first thing I saw was a comic depicting a diabetes researcher, Melanie, as a sort of data-visualization superhero with an illustrator fox sidekick. It was rather cheesy but it also showed how health visualization can help ordinary people better understand their risk factors.

The front cover of the “VizHealth Adventures” comic: http://www.vizhealth.org/using/adventures/

While on the subject of risk factors, VizHealth also has a risk factor calculator that users can interact with to determine what daily habits impact their health.

I had my father, a casual smoker at age 70, enter some answers into the calculator. He thought the design of the graphic was neat, but when I told him that it meant that he was 30% at risk of developing cardiovascular disease, he simply said to me, “Well, there’s a 70% chance I won’t get cardiovascular disease.” Needless to say, I insisted that he consult a doctor about his risk factors, specifically his smoking habits.

My father’s results from entering information into the VizHealth risk calculator.

VizHealth also provides a link to an icon array generator (depicted below) that users can interact with.

Conclusion

Looking around VizHealth and pulling inspiration from the visualizations provided was a fun activity, but I think the program can truly benefit from including more issues such as mental health and COVID-19. Even more so, it would also be interesting to see more interactive tools added to the site, like a free-to-use template generator. If there are any other health issues that arise, I’ll be sure to use VizHealth to learn more.

Categories
Data Visualization and Art

Visualizing Health

Figure 1

Visualizing Health

: is a unique way to transfer medical data about health conditions into charts, graphs, and diagrams that are easily understandable by a broad audience. It enables someone to better understand their health risk, uses icons to represent side effects, and benefits of reducing risk.

Figure 2: The Wizard

Figure 2: The Wizard is an interesting tool for visualizing health. It’s used to assist individuals in carefully choosing their primary goals when it comes to their health. For example, an individual who smokes a lot might want to know what are their chances is of getting a heart attack, stroke, or lung cancer.

Figure 3

Figure 3: By clicking on the goal, it then displays examples of the risks or racial disparities and it asks for a reason for choosing the goal. This is a great way for individuals who are uncertain about the right steps that are needed to reducing their health risks. The Wizard breaks down complicated medical questions and conversations about health risks into simple questions that the individual can understand through visualizing.

Figure 4

Visualizing Health provides various charts for different goals such as increasing or decreasing awareness, risk reduction, differences in age groups, or race. Each chart breaks down percentages and numbers and only highlights the important data so that the audience can understand the information. It also allows the individual to select different data, the type of graph he/she would like to see the data on, different health conditions, or the type of details that he/she would like to know about a certain health condition.

Figure 5: The Risk Calculator

Figure 5: The Risk Calculator is a good way to get an estimate on someone’s risk of a heart attack, stroke, and other serious health conditions. It should be noted that the Risk Calculator is not 100% accurate, but it does give the individual an idea of their condition, which would prompt the individual to visit his/her doctor.

Figure 6: My results using the Risk Calculator on Visualizing Health

Figure 6: My Risk Calculator results indicates that I am 1% at risk for cardiovascular disease and suggests that I “see your doctor”. This provides an excellent opportunity for me to speak to my doctor about reducing my risks on my next visit.

Categories
Data Visualization and Art

Infographics

It is a computer-supported, representation of visual data to increase cognition.

It is a visual presentation of data, information to be incorporated quickly & more clearly.

Another name for Infographics is DataVisualization: present information clearer & effectively through graphic designs.

Did you know who were some of the First Persons To Use Infographics?!

Early humans drew paintings on cave walls and rocks as a way of telling their story.

– The Ancient Egyptians told their stories of life, religion & work through the use of infographics.

How the institution of marriage worked ancient Egypt - News Landed

In 1786, William Playfair used Infographic to create the Commercial & Political Atlas.

William Playfair designed line graphs & bar charts showing the economy of England

1972-Otto (Otl) Aicher was the first to used Infographics to pictogram the Munich Olympics.

Otl Achie’s pictograms for the olympics are used today throughout society. 2 examples are the stick figure on cross walk signs, male & female stick figures on bathroom signs

1975-Edward Tuft is considered the father of Data Visualization.

This image has an empty alt attribute; its file name is edward.jpg
Edward Tuft was a princeton professor

Types Of Infographics:

Pictures Of Charts And Graphs 7 - 300 X 200 - WebComicms.Net
CHARTS & GRAPHS
Four Steps Sequence Infographic Layout Concept Stock Vector - Illustration  of infographic, processes: 74639510
SEQUENCES
12 Geographic Infographic Templates and Design Tips
MAPS
Free Vector | Variety of infographic diagrams
DIAGRAMS

Fascinating ways to create infographics:

IconArchive:www.iconarchive.com Pixlr:www.pixlr.com Hohli:http://charts.hohli.comGoogle Public Data

Six Awesome steps to creating a good infographic:

1.Consider the audience

2. Develop an idea

3. Sketch it out

4. Gather resources

5. Fact check resources

6. Sign it

Reference: https://visual.ly/m/history-of-infographics/#:~:text=Around%203000%20BC%2C%20ancient%20Egyptians,early%20innovator%20in%20Statistical%20Graphics.

Reference:esearchgate.net/profile/Waralak_Siricharoen/publication/256504130_Infographics_the_new_communication_tools_in_digital_age/links/0c9605232e6f666b1f000000.pdf?disableCoverPage=truehttp://www.researchgate.net/profile/Waralak_Siricharoen/publication/256504130_Infographics_the_new_communication_tools_in_digital_age/links/0c9605232e6f666b1f000000.pdf?disableCoverPage=true