There’s a new color picker tool to help with selecting a palette for data visualizations. Viz Palette was developed by Elijah Meeks and Susie Lu due to a “frustration with picking colors for data visualizations.”
The left side of Viz Palette is where you can set up color ramps to analyze. A copy and paste window lets you easily enter color ramps from the chroma.js palette picker, colorgorical, or from the ColorBrewer scales. If you’re a fan of using Cynthia Brewer’s ColorBrewer 2.0 for selecting map palettes, you can use the Export option to copy and paste javascript to Viz Palette.
Once you have a color palette chosen, the right side of Viz Palette is great for letting you understand how the color ramp is interpreted. In the Color Action box, you can see the color ramp visualize with a variety of charts and fonts. You can toggle between no color deficiency and the various types of color blindness.
Free weekly newsletter
Fill out your e-mail address to receive our newsletter!
By entering your email address you agree to receive our newsletter and agree with our privacy policy.
You may unsubscribe at any time.
Further down in the Color Report section is a great analysis tool that lets you understand where color confusion can occur with your color palette. If there are colors that are hard to tell apart, arcs will connect them. This lets you refine a color ramp for the best interpretation by letting you know where confusion might occur by a user differentiating the colors. This report provides instant feedback for all of the color blindness settings which is very helpful for fine tuning color ramps that work across all settings. Once you have your color palette optimized, the GET section provides a copy window to export the color palette in either #hex, rgb, or hsl values.
Visit:
H/T @geoviews
