#palette

Paul Tol’s palettes
▻https://sronpersonalpages.nl/~pault

scientific, #accessible #color #palettes

#CSS #Relative #Colors: Build UI #Palettes Without a Color Picker
▻https://theosoti.com/blog/css-relative-colors

Relative colors shine when a component needs multiple accents. Here is a compact pattern for a callout card:

Keep derived tokens in one space so the relationships stay coherent. Mixing spaces is valid, but remember the source is converted to the output space for every calculation, which can subtly change the result.

The component only needs one input (—tone). Everything else follows.

.callout {
	--tone: #4b6bff;
	--tone-strong: hsl(from var(--tone) h s calc(l - 12));
	--tone-soft: hsl(from var(--tone) h calc(s - 20) calc(l + 28));
	--tone-border: rgb(from var(--tone) r g b / 0.2);
	--tone-shadow: rgb(from var(--tone) r g b / 0.25);

	border: 1px solid var(--tone-border);
	background-color: var(--tone-soft);
	box-shadow: 0 12px 24px var(--tone-shadow);
}

.callout strong {
	color: var(--tone-strong);
}

via ▻https://css-tricks.com/whats-important-6

▻https://obumbratta.com/colour

#palette

regenbogen
▻https://simson.io/regenbogen

#palette

#K'Jetoccas, achat et vente de #palettes

https://pixelfed.zoo-logique.org/storage/m/_v2/578583396227231930/9da63c77d-bc90ba/V2umFV0hd4Mb/Vot5I0jzpnsg0v0PS2FZoQ9cOzyV2ALaLYJTNebQ.png

K’Jetoccas est une entreprise spécialisée dans la collecte, la réparation, l’achat et la vente de palettes à #Grenoble dans le département de l’Isère (38) depuis plus de 40 ans.

Grâce à des moyens de manutention spécifiques (chariots à double fourche) et une surface extérieure goudronnée et bien aménagée, cette société familiale, située à proximité de l’autoroute, vous garantit un accès facile aux locaux et un chargement des camions ou des semi-remorques rapide et efficace. À performance égale, la palette d’occasion représente une économie par rapport au prix d’une palette neuve.

▻https://www.kjetoccas-palette-grenoble.fr
#recyclage #ré-usage

Color Buddy
▻https://color-buddy.netlify.app

#couleur #palette

#palettes Europe
▻https://www.palettes-europe.com

Le guide ultime des palettes de manutention, EUR EPAL, CP, demi-palettes, informations plans et vente de palettes.(Permalink)

#palets #pallets

Hello, dicopal / Matthieu Viry
▻https://observablehq.com/@mthh/hello-dicopal

#couleur #palette

How to choose an interpolation for your color scale - Datawrapper Blog
▻https://blog.datawrapper.de/interpolation-for-color-scales-and-maps

https://blog.datawrapper.de/wp-content/uploads/2022/07/Artboard-46-copy-2.png

Which interpolation you choose for your color scale has a massive impact on how the data is perceived, how well your statement is communicated, and how intuitively the reader understands the data.
“Interpolation? What’s that?” you might ask. It’s a method to assign each of your data values to a certain color. In Datawrapper, you can choose an interpolation for both stepped (classed) and continuous (unclassed) color scales. (If you’re not sure which type of scale to use, visit our article When to use classed and when to use unclassed color scales.)
In this article, we focus on the effect of interpolations on choropleth maps like the one above — but you can also use classed and unclassed color scales for symbol maps, heat maps, and wherever else you’re trying to map data to a color gradient.

#discrétisation #palette_de_couleurs #échelle_de_couleurs
revue d’ensemble avec visualisation des résultats de chaque choix

note : tout logiciel de #cartographie digne de ce nom contient un module permettant d’opérer ce paramétrage.

Exemple ci-dessous : Magrit

https://i.imgur.com/eJqmxCO.png

Mushroom Color Atlas
▻https://mushroomcoloratlas.com

https://mushroomcoloratlas.com/static/ea2c9906be0c2af35a76ad92233068de/b075da85-3a96-441e-82d9-927917215706.jpg

MUSHROOM COLOR ATLAS

#champignons #couleurs #nuancier #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