An infographic containing various facts and statistics involving suicide, including leading risk factors and warning signs, most common suicide method, and suicide rates per certain demographics. Statistics are mostly based on data from 2017 to 2019.
Visual Approach
The infographic features a design system involving circles. Graphs utilize circular forms in various ways to visualize data, such as the radial graphs for suicide rates by demographic. Charts like the most common risk factors and warning signs use size and weight to represent how common each of them are. The data for these categories are estimates because data from these categories are fairly difficult to gather. The color scheme includes neutral/muted colors that relate to the topic. As a sensitive topic in general, remaining neutral is important for such infographic as featuring a sad tone could influence viewers negatively.
Something to take into consideration regarding suicide rates is that many suicides are the result of circumstances that were beyond avoidable. One heavy commonality among people who die by suicide is an unshakable feeling of dread, despair, loneliness, and hopelessness. There are many factors that may lead to these feelings, which need to be taken seriously for suicide rates to decrease. The most common condition associated with suicide is depression, but other conditions include anxiety, anger, and loss of interest. People who suffer from depression are more likely to resort to suicide because they may feel hopeless in regaining happiness.
The visual design consists of diamond shaped elements, complementary cross-section accents, and 45-degree diagonal lines. This design language derives from the idea of four directions (north, west, east, south) being represented by the four corners of the diamond shape, which is used to symbolize the concept of exploring the different locations in Typography Land.

The icons for each location, as well as the main logo, all use the diamond shape as a way to maintain consistency while communicating the brand. Each location is associated with one color which uses each respective color only in addition to grayscale. These colors were chosen based on the geography of each location. For example, green is used for Serif Forest because green is associated with nature, brown is used for Leading Edge because cliffsides and beaches usually bear a shade of brown, and blue is used for Tracking Valley because valleys are known to have rivers flowing through them.
Motion Graphic
Since the infographic uses a lot of circles, the motion graphic uses circular animations for consistent flow. The line circles use rotating effects to create spinning circle trails which create smooth transitions. The map uses a 3D rotating effect to direct the viewer's eyes to the corresponding state. A scrolling carousel shows the most common methods one by one in the order of most common to least common, which allows the viewer to understand the information without having to take it in all at once. Text information mostly consists of fading effects to keep things in motion.
Back to Top