#palette

How to pick more beautiful colors for your data visualizations | Chartable

▻https://blog.datawrapper.de/beautifulcolors/index.html

https://blog.datawrapper.de/img/200805_goodcolors34.png

Choosing good colors for your charts is hard. This article tries to make it easier.

I want you to feel more confident in your color choices. And if you have no sense for colors at all, here’s my attempt to help you find good ones anyway. We’ll talk about common color mistakes I see out there in the wild, and how to avoid them.

This is not the right article for you if you’re trying to find good gradients or shades. But if you need to find beautiful, distinctive colors for different categories (e.g. continents, industries, bird species) for your line charts, pie charts, stacked bar charts, etc., read on.

#couleur #sémiologie #cartoexperiment

iWantHue
▻https://medialab.github.io/iwanthue

i want hue

Colors for data scientists. Generate and refine palettes of optimally distinct colors.

–----

Colorgorical
►http://vrl.cs.brown.edu/color

About

Colorgorical was built by Connor Gramazio with advisement from David Laidlaw and Karen Schloss.

–----

Happy Hues - Curated colors in context.
▻https://www.happyhues.co/palettes/17

https://uploads-ssl.webflow.com/5dd40aa8049df8748c72d0ee/5ddd471cbe5e6601554a2a4d_happy-hues.jpeg

Curated colors in context.

Not sure what colors to use in your designs or where to use them? Happy Colors is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.

–-----

Viz Palette
►https://projects.susielu.com/viz-palette

Colors in Action

Background color: ⬤ #ffffff

Font color: ⬤ #000000

#couleur

Turbo: Google’s new color palette for data visualization addresses shortcomings of the common rainbow palette, ’Jet’ | Packt Hub
▻https://hub.packtpub.com/turbo-googles-new-color-palette-for-data-visualization-addresses-short
▻https://hub.packtpub.com/wp-content/uploads/2018/04/iStock-638820556.jpg

#Google has released a new color palette, which it has named Turbo to address some of the shortcomings of the current popular rainbow palette, Jet. These shortcomings, include false detail, banding, and color blindness ambiguity. According to the blog post, Turbo provides better data visualization depth perception. Their aim with Turbo is to provide a color map which is uniform and color blind-accessible, but also optimal for day to day tasks where the requirements are not as stringent.

#couleur

ColorBox
►https://www.colorbox.io
▻https://res.cloudinary.com/dnqsoufy0/image/upload/v1537266227/favicon.ico

encore un (bon) outil de #palette de #couleur ; qui en même temps sert un peu de support de publicité

Werner’s Nomenclature of Colours
▻https://www.c82.net/werner/#colors

Je crois l’avoir déjà vu passer mais bon #couleurs #nuancier #palette

https://www.c82.net/images/werner/poster-spectrum.jpg https://www.c82.net/images/werner/poster-blends.jpg

Werner’s Nomenclature of Colours
▻https://www.c82.net/werner/#preface

https://www.c82.net/images/werner/social-preview.jpg

A recreation of the original 1821 color guidebook with new cross references, photographic examples, and posters designed by Nicholas Rougeux

#couleurs #graphisme

China’s War on Pollution Will Change the World
▻https://www.bloomberg.com/graphics/2018-china-pollution

https://www.bloomberg.com/graphics/2018-china-pollution/img/2018-china-pollution-facebook-1.png

#pollution #cartographie #palette #chine

Viz Palette
►http://projects.susielu.com/viz-palette

Born out of a frustration with picking colors for data visualizations. This project is optimized for tweaking, copying, and pasting in and out of JavaScript.

Made by Susie Lu & Elijah Meeks

This project relies heavily on Chroma.js a color library made by Gregor Aisch.

The color report uses just-noticeable difference research implemented in d3-jnd by Conor Gramazio as well as color-namer by Zeke Sikelianos.

#palette #couleurs #outil

Vendredi soir, c’était l’inauguration de l’expo « Dans le secret des œuvres » au Musée Fabre de #Montpellier, pour laquelle on a livré une présentation sur table tactile.
▻http://mosquito.fr/francais/projets/table-tactile/article/table-tactile-dans-le-secret-des-oeuvres-d-art

Du coup, on a trouvé une gentille famille pour réaliser notre petit film de #shameless_autopromo :
▻https://vimeo.com/333309804

Roybon (38) : repères chronologiques de la lutte contre le projet de Center Parcs
▻https://fr.squat.net/2017/12/21/roybon-38-reperes-chronologiques

17 juin 2007 Les urnes restent vides dans le petit village de Brion. Les administrés boycottent les élections législatives pour manifester leur opposition au projet d’un Centre d’enfouissement technique (CET) retenu à Roybon à proximité du village de Brion. L’opposition à cette décharge était principalement menée par une association constituée d’élus de la région. Plusieurs […]

#ACAB-café #arbres #MaquiZad #Paillette_Paillasse #Palette_Palace #Plateau_de_Chambaran

Generate - Coolors.co
▻https://coolors.co/210f04-452103-690500-934b00-bb6b00
#color #couleur #palette #generateur #design #tool

Coolors
▻https://coolors.co

#couleurs #palette #outil

CARTOColors - #palette #couleurs
▻https://carto.com/carto-colors

https://cartodb-libs.global.ssl.fastly.net/cartodb.com/files/img/layout/carto-colors/styling.22ad659e.png

CARTOColors are a set of custom color palettes built on top of well-known standards for color use on maps

The Conspiracy of Colors

▻http://www.incidentalcomics.com/2012/05/conspiracy-of-colors.html

repéré sur Twitter par l’excellent @freakonometrics

http://4.bp.blogspot.com/-Yvxs_a84M7Y/T6fPbA6GAqI/AAAAAAAABGA/dgI4PU5-1y8/w1200-h630-p-k-no-nu/colorconspiracy-blog.jpg

While browsing the unwanted books section at a local thrift store, I came across an amazing item: The Elements of Color by Johannes Itten. The book’s subtitle is “A treatise on the color system of Johannes Itten based on his book The Art of Color,” and the contents are full of beautiful diagrams and fascinating (if a tiny bit overblown) writing on the practice and history of color theory. It was definitely worth the $2.99 spent. I adapted some of the figures within the book for this comic. I loved the way Itten wrote of the colors as if they were living, breathing entities, with the capacity for good - or evil.
You can order a poster here.

#couleur #sémiologie

OpenVis Conf 2017
▻http://openvisconf.com

https://openvisconf.com/img/ovc-fb.png

C’est la conférence de #visualisation_de_données pour le Web et toutes les vidéos sont dispo :

Mike Bostock
Keynote

#d3.express (conf déjà signalée par @b_b et dont on reparlera) : un environnement de développement / découverte de données avec un fonctionnement "réactif" (à la excel)

Shirley Wu & Nadieh Bremer
Data Sketch|es : A Visualization A Month

le plaisir des yeux sur ▻http://www.datasketch.es avec un accent prononcé sur le processus de création

Nicholas Belmonte
Visualizing Data with Deck GL

un outil pour faire du #WebGL qui a l’air bien sympa (voir aussi plus bas regl)

Matthew Brehmer
What Story does your Timeline Tell ?

tout sur les #timelines

Robert Simmon
An Introduction to GDAL for those afraid of the command line

#GDAL pour manipuler des données #géo, reprojeter des images etc (par l’auteur de la photo “Blue Marble” à la NASA)

Amelia McNamara
How Spatial Polygons Shape our World
▻https://github.com/AmeliaMN/SpatialPolygons

réflexions assez poussées sur les données #géo, les #cartogrammes, le #gerrymandering

Mikola Lysenko
Introducing Regl

une approche qui a l’air très puissante pour faire du #WebGL ►http://regl.party

John Alexis Guerra Gomez
Untangling the Hairball

réflexion assez marrante sur la visualisation de #réseaux

Catherine D’Ignazio & Rahul Bhargava
Designing Visualization Tools for Learners

des outils qui permettent de commencer à réfléchir à la visualisation de données ; la recherche porte sur la simplicité, les explications, les éléments d’aide et d’encouragement pour les débutants (C. D’Ignazio est aussi l’autrice de ►https://visionscarto.net/visualisation-donnees-feministe )

Matt Daniels
Visualizing Incarceration in the US on Polygraph

sur la #prison aux #États-Unis ; l’auteur se fait rabrouer par la salle sur l’éthique de son approche, et l’organisatrice de la conférence présente ensuite des excuses circonstanciées. L’auteur lui-même s’excuse plus tard dans un long post ▻https://medium.com/@matthew_daniels/on-monday-i-gave-a-presentation-about-incarceration-and-data-85b0f438ef9e

Amanda Cox
Keynote

dataviz au NYT, elle s’explique notamment sur l’#incertitude et la fameuse courbe de la probabilité de gagner qui voit Trump doubler Clinton la fameuse nuit du vote (très intéressant !)

Lisa Charlotte Rost
A Data Point Walks into a Bar : Designing Data for Empathy

comment exprimer les sentiments à travers les visualisations (voir aussi Eric Soco… plus bas)

Kai Chang
D3 with Canvas

techniques pour aller plus vite

Noah Veltman
Pulling a Polygon Out Of a Hat

conf géniale sur la transition d’un objet en un autre (comment transformer de façon continue et agréable à l’oeil un cercle en carré, un cheval en chaise, un Etat continu en archipel, etc.)

Julia Silge
Text Mining and Visualization The Tidy Way

analyser Jane Austen ▻http://tidytextmining.com

Amy Cesal
Why Does Data Vis Need a Style Guide

comment une organisation peut se donner des méthodes pour produire des graphes variés mais qui semblent appartenir à la même famille

Kanit "Ham" Wongsuphasawat, Dominik Moritz & Arvind Satyanarayan
Vega-Lite : A Grammar of Interactive Graphics

#vega-lite (que j’utilise un peu) permet d’aller vite sur les graphiques standards, en employant de bonnes valeurs par défaut

Eric Socolofsky
Data as a Creative Constraint

l’#art_génératif, l’émotion dans la visualisation (plein de super exemples)

Connor C. Gramazio
Empowering Effective Visualization (Color) Design

#couleurs et #palettes ; colorgorical ►http://vrl.cs.brown.edu/color ; ▻http://gramaz.io/d3-jnd

Alan Mclean
Hacking your health with JavaScript

à propos de cette nouvelle tendance type fitbit : comment faire des graphes qui incitent les gens à bouger de leur chaise pour leur #santé

Hadley Wickham
The Role of Visualization in Exploratory Data Analysis

un des boss de #R montre comment l’utiliser pour afficher des trucs

Des liens attrapés au vol :

#histogrammes :
▻http://tinlizzie.org/histograms

#gerrymandering :
▻http://redistrictinggame.org

#agrégation_spatiale
▻http://tinlizzie.org/~aran/spatialAggregation.html

#pycno et #cogran (calculs de #densité spatiale, rapprochement de jeux de données)
▻https://cran.r-project.org/web/packages/pycno/pycno.pdf
▻https://github.com/berlinermorgenpost/cogran

recommend a book (la première page d’un livre au hasard, sans mention de titre ni d’auteur)
▻http://www.recommendmeabook.com

surface-nets (recherche d’enveloppes de points en 2D ou 3D)
▻https://github.com/mikolalysenko/surface-nets

earcut (triangulation de polygones
▻https://github.com/mapbox/earcut

inconvergent (art procédural)
►http://inconvergent.net

wind map
▻http://hint.fm/projects/wind

each line one breath
▻http://www.johnfranzen.com/each-line-one-breath.html

box fitting
▻http://www.complexification.net/gallery/machines/boxFitting

Color Accessibility Workflows

►https://alistapart.com/article/color-accessibility-workflows

https://alistapart.com/d/excerptillustration_300.png

The Web Content #Accessibility Guidelines (WCAG) 2.0 contain recommendations from the World Wide Web Consortium (W3C) for making the web more accessible to users with disabilities, including #color blindness and other vision deficiencies.

#Contrast_checkers

One of my favorite tools is Lea Verou’s Contrast Ratio. It gives you the option of entering a color code for a background and a color code for text, and it calculates the ratio for you.
▻http://leaverou.github.io/contrast-ratio

https://alistapart.com/d/color-accessibility-workflows/figure-3.2-2x.jpg

Another great tool that has the benefit of simultaneously showing whether a color combination passes both AA and AAA compliance levels is Jonathan Snook’s Colour Contrast Check
▻https://snook.ca/technical/colour_contrast/colour.html

https://alistapart.com/d/color-accessibility-workflows/figure-3.3-2x.jpg

From Farty Red to Le Cute White, an Algorithm Generates Absurd Color Names
▻https://hyperallergic.com/381111/from-farty-red-to-le-cute-white-an-algorithm-generates-absurd-color-n

https://hyperallergic.com/wp-content/uploads/2017/05/halloffame-1.jpg

Which color would you rather paint your kitchen: Burf Pink or Rose Colon? You can probably rule out Gray Public, while Stoner Blue could be a chill choice.

Those are some of the paint swatch options generated by a neural network programmed by Janelle Shane, a research scientist who plays with machine-learning software when she has some spare moments. Shane posted the results of her experiment on her Tumblr earlier this week, where she explains that she fed a learning algorithm a list of about 7,700 Sherwin-Williams paint color names and their RGB values, and watched as it formed its own rules and generated different sets of data.

#couleurs #palette #algorithmes

Le dernier 48HFP des Sophisticated Furies arrive bientôt sur vos écran, et voici le petit teaser qui va avec !
Et pour ceux qui voudraient le voir au cinéma, il sera projeté à Tours aux cinémas Studio le 28 avril avec les autres courts-métrages réalisés le week-end dernier !

▻https://youtu.be/4jH2lfxmooc

Color #Palettes of The New Yorker - C82: Works of Nicholas Rougeux
▻https://c82.net/work/?id=359

https://www.c82.net/images/thumbs/new-yorker.jpg

Using red and black in visualization – Medium
▻https://medium.com/@LiangGou/using-red-and-black-in-visualization-559da3eeacae

https://cdn-images-1.medium.com/max/800/1*Fgtg9CHymXgioPy8xx-JwQ.png

Some simple observations from above example of applying red/black in data visualization: (1) Strong emotional expression: the sharp contrast of two colors shows a strong emotion in the first two examples of people died in wars. It is engaging and intrigues a reader’s strong empathy; (2) Simple message to convey: the above visualization only conveys simple message not complicated ones.

#couleur #palette #rouge #noir

Color Supply
▻http://colorsupplyyy.com

http://colorsupplyyy.com/img/color_supply1.jpg

#couleurs #palette

Des #autoroutes_à_vélo testées à #Grenoble

La Métropole de Grenoble teste ses premiers 400 m « d’axes structurants cyclables » de l’agglomération, ce que vous aurez peut-être envie d’appeler plus simplement les « autoroutes à vélo ». Marquages au sol, poteaux de signalisation, station-services font l’objet d’une consultation jusqu’à fin janvier.

https://www.francebleu.fr/s3/cruiser-production/2016/12/55811b2e-4311-4ea0-aec7-48a99dc392fd/870x489_axes_structurants.jpg

#Colors: just-noticeable difference
▻http://connorgr.github.io/d3-jnd

http://connorgr.github.io/d3-cam02/static/mediathumb.png

The just-noticeable difference functions in this library can be used to determine whether two colors are too similar to be easily differentiated. This is often critical for visualization color design because information legibility directly affects usability.

The two functions in d3-jnd are:

d3.noticeablyDifferent(…), which returns true or false based on whether the two colors are noticeably different (i.e., ≥1 JND distant).

d3.jndLabInterval(…), which returns the minimum JND intervals for CIELAB L*, a*, and b* color channels. Each interval can be thought of as “1 JND” unit for that channel, and it is often sufficient to only have one channel that is ≥1 JND to maintain legibility.

▻http://bl.ocks.org/connorgr/84aaa3a86b7c1231be5221d26591a906

Untitled - Connor Gramazio

#couleurs #palette #d3.js

yeun/open-color: Color scheme for UI design.
▻https://github.com/yeun/open-color

Color scheme for UI design.

la cuisine du graphiste : Besoin d’inspiration couleur ?
▻http://www.lacuisinedugraphiste.net/2016/10/besoin-dinspiration-couleur.html

https://2.bp.blogspot.com/-c0Rzd6xpecg/WA3JimP35eI/AAAAAAAAggw/M-ut-CRrG806ivqL9zsq-Zcci1AwDz11ACLcB/w1200-h630-p-nu/colordrop.jpg

Tristan White a pensé à vous en créant Colordrop, un site présentant plus de 150 #palettes de #couleurs différentes avec leurs références en RVB et #.
Vous pouvez même mettre en favoris vos gammes préférées et les télécharger :-)
On dit merci M. White (un nom comme ça pour un site comme ça, ça s’invente pas !)