Data visualization
Data visualization is a key component in our communications. It shows our commitment to transparency and constant innovation.
Data visualization turns complex information into graphs, charts and other visual formats. This makes the data easier to comprehend.
Our data visualization style is:
- eye-catching and visually appealing
- organized and coherent
- simple and digestible
- clear in its purpose
Toolkit
Our data visualization style is vibrant and dynamic. The rounded edges work in harmony with sharp endings and precise lines.
Click image for a larger view
Simple data visualization
Use gray tints plus one of our data visualization colors to emphasize the most important data point in basic data visualizations. Gray visualizations allow the color to draw the viewer’s attention. Use the accent color when referring to positive Micron-specific data or to highlight important information.
Do not overuse colors. Use color minimally and with the intention of highlighting important data.
Click image for a larger view
Complex data visualization
For complex data visualization (more than four data points) or color-coded data, combine the colors from our data visualization palette.
- Colors should be applied in corresponding groups when creating related data groups — i.e., Gold A with Gold B and Gold C.
- For readability, do not place the same graded tints next to each other — i.e., Blue A shouldn’t be placed next to Purple A.
- Use the Micron accent color to represent positive Micron data or other important information.
Click image for a larger view
Charts and graphs
Best practices
- Keep the bars of charts and graphs thin to create dynamic and smart visuals.
- To improve the readability of a chart, attach each label to its segment. Do not include a separate legend unless absolutely necessary.
- Alternate color brightness — e.g., use Green A next to Blue C next to Blue B.
Click image for a larger view
Charts and graphs examples
Click image for a larger view
Maps
Our maps are proprietary to Micron, with silhouetting that follows our curved yet precise visual style. Our maps are available with our gradients or in outline versions.
They can be used to represent our offices and regional data. When combined with other data visualization elements, the maps create a more cohesive story.
Click image for a larger view
Data overlay
Data points
Data can also be placed over footage or imagery. Using the same principles as when it is laid over renders, it creates a connection to our data visualization style.
To highlight specific points within an object or scene use a double-circle pointer and rounded corner line.
Click image for a larger view
Data overlay
Refractive renders
Data flow
Our renders show the data flow with a white glowing light that that curves through the object. This effect can be applied in both our light and dark modes.
Data overlay
We can overlay data points and information onto renders, images and footage. In our data overlay:
- data intersects the object and follows its orientation. It is never laid flat on top of the object
- data figures and descriptions are always shown in white and in grades of transparency
- the lines connecting parts of the object with their respective data figures are thin with rounded corners, matching our data visualization style
Click image for a larger view
Tables
Our tables are simple and smart. To improve readability:
- Use only the minimum necessary number of lines.
- Use subtle highlights and dividers.
- Colors are limited to our neutral color palette. To highlight the most important content, use our accent color.
- Left-align all text.
- Allow for clear space between rows and columns.
- Tables should end with a gray row or with a black rule.
Click image for a larger view
Things to avoid
Here are a few things to avoid when creating tables to keep them simple and smart.
Click image for a larger view
Infographics
Infographics are a great way to tell visual stories with our data visualization style, colors, type and iconography.
To create infographics:
- Keep the layout simple and easy to understand; do not overcrowd the layout.
- Use the accent color to represent Micron-focused data.
- Do not use too many colors.
- When using a gradient, match the color to the color scheme.
Click image for a larger view
Catching the eye
With the right color, proportions and negative space, infographics transform information into memorable and attentiongrabbing graphics.
The best practices for creating Micron infographics include:
- having one clear message per communication piece
- using big images, bold graphics and positive-negative space contrast areas to attract the reader’s attention
- creating clear type hierarchy to facilitate text scanning
Click image for a larger view
Light and dark mode
Our data visualization palette works well on both black and white backgrounds. This allows for content in dark mode to be sophisticated and dramatic, or for content in light mode to be crisp and bright.
Click image for a larger view
Neutral palette for color blocking
Our darkest gray (A) and our lightest gray (F) may also be used to create fields of color for organizing or differentiating content.
Gray A and Gray F can be used to create fields of color for organizing or differentiating content in all our communications — i.e., brochures, website, presentations, etc.
When using color blocking, keep at least half of the touchpoint background either white or black. Content with color blocks should have sharp square corners, not rounded ones.
Click image for a larger view
