« Introduction to Data » de Mike Bostock (31.01.2018)
▻https://beta.observablehq.com/@mbostock/introduction-to-data
-
-
« Why Observable ? » de Mike Bostock (09.03.2018)
▻https://beta.observablehq.com/@mbostock/why-observable -
« Introduction to Asynchronous Iteration » de Mike Bostock
(09.02.2018)
▻https://beta.observablehq.com/@mbostock/introduction-to-asynchronous-iteration -
« Introduction to Views » de Mike Bostock (02.10.2018)
▻https://beta.observablehq.com/@mbostock/introduction-to-views -
« Observable: A Brief Introduction to Viewof » de Mike Bostock
(04.02.2018)
▻https://beta.observablehq.com/@mbostock/a-brief-introduction-to-viewof -
« Observable: Introduction to Generators » de Mike Bostock (10.05.2018) ▻https://beta.observablehq.com/@mbostock/introduction-to-generators
-
« Observable: Introduction to Imports » de Mike Bostock (26.04.2018) ▻https://beta.observablehq.com/@mbostock/introduction-to-imports
-
Observable - a new type of interactive notebook for data science
▻https://observablehq.comAt Observable, we are building a new type of interactive notebook for data science. We believe that the expressiveness of code is essential as a medium for thought, but that just embracing JavaScript is not enough. We need a better way to code.
après #d3.js le nouveau projet de Mike Bostock (déjà présenté sous le nom ►https://d3.express )
#programmer #notebook #explorations_numériques
(S’il y a des gens intéressés on peut organiser dans certaine grotte une ou deux journées de découverte du truc.)
-
OpenVis Conf 2017
▻http://openvisconf.comC’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 Monthle plaisir des yeux sur ▻http://www.datasketch.es avec un accent prononcé sur le processus de création
Nicholas Belmonte
Visualizing Data with Deck GLun 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/SpatialPolygonsréflexions assez poussées sur les données #géo, les #cartogrammes, le #gerrymandering
Mikola Lysenko
Introducing Reglune approche qui a l’air très puissante pour faire du #WebGL ►http://regl.party
John Alexis Guerra Gomez
Untangling the Hairballréflexion assez marrante sur la visualisation de #réseaux
Catherine D’Ignazio & Rahul Bhargava
Designing Visualization Tools for Learnersdes 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 Polygraphsur 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
Keynotedataviz 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 Empathycomment exprimer les sentiments à travers les visualisations (voir aussi Eric Soco… plus bas)
Kai Chang
D3 with Canvastechniques pour aller plus vite
Noah Veltman
Pulling a Polygon Out Of a Hatconf 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 Wayanalyser Jane Austen ▻http://tidytextmining.com
Amy Cesal
Why Does Data Vis Need a Style Guidecomment 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 Constraintl’#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 Analysisun 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/cogranrecommend a book (la première page d’un livre au hasard, sans mention de titre ni d’auteur)
▻http://www.recommendmeabook.comsurface-nets (recherche d’enveloppes de points en 2D ou 3D)
▻https://github.com/mikolalysenko/surface-netsearcut (triangulation de polygones
▻https://github.com/mapbox/earcutinconvergent (art procédural)
►http://inconvergent.netwind map
▻http://hint.fm/projects/windeach line one breath
▻http://www.johnfranzen.com/each-line-one-breath.htmlbox fitting
▻http://www.complexification.net/gallery/machines/boxFitting -
What Makes Software Good - #Design at Large - Mike Bostock ()
▻https://www.youtube.com/watch?v=XowhTotAIpA -
Two Thousand Years of Urban Growth
▻https://github.com/richiecarmichael/Esri-Urban-GrowthInspiration and data for this app was derived from Tertius Chandler’s 1987 book entitled Four Thousand Years of Urban Growth: An Historical Census. Chandler’s work was merged and updated with data from Esri and Wikipedia.
Special thanks to Witold Frączek and Carol Sousa for geolocating, verifying and updating the city database.
This application makes use of the following libraries:#ArcGIS API for JavaScript (beta) by Esri
Esri’s JavaScript library for mapping and analysis.
#D3.js by Mike Bostock
D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.
#jQuery by jQuery Foundataion Inc
A JavaScript framework for DOM manipulation and a foundation for many other frameworks. -
57 graphiques pour comprendre comment l’économie française a changé
▻http://www.lemonde.fr/les-decodeurs/visuel/2015/11/03/comment-la-crise-de-2008-a-change-l-emploi-salarie-en-france-en-57-graphiqueCes 57 graphiques représentent l’#emploi dans tous les secteurs de l’économie française entre 2003 et la mi-2015. Chacun a pour point « zéro » l’année 2008 – celle du début de la crise – et montre l’évolution de l’emploi en pourcentage par rapport à cette date.
Les graphiques sont rangés de gauche à droite selon le nombre d’emplois concernés en 2015. Passez votre souris dessus pour afficher le détail.
-
Pourquoi les cartes géographiques sont forcément mensongères
En infographies comme en géographie, il faut savoir lire ce que l’on vous présente. Ainsi, lorsqu’il s’agit de représenter des zones, des points, des distances sur une carte, on est toujours amené à devoir faire des choix en fonction de ce que l’on veut représenter.
▻http://www.lemonde.fr/les-decodeurs/article/2015/10/20/pourquoi-les-cartes-geographiques-sont-mensongeres_4793301_4355770.html
#cartographie #visualisationEt un peu de #plagiat (par pompage de code) découvert par @fil :
▻http://bl.ocks.org/mbostock/3711652
Projection Transitions - Mike Bostock
cc @reka-
Je trouve ça très bien qu’on copie allègrement les exemples de code, et viva el #logiciel_libre.
En revanche je trouve navrant que les lecteurices de cet article ne puissent pas accéder aux sources, découvrir #D3.js et le talent de Mike Bostock (créateur de D3 et de l’animation dont s’"inspire" cet article). Surtout quand la Charte des “décodeurs” proclame le point “6. Nos sources sont accessibles en un clic”.
-
Une chance que la terre tourne autour de l’Europe
-
-
Hi! I’m Mike Bostock, creator of D3.js and a former graphics editor for The New York Times. I do data visualization, design and open source. AMA!
▻https://www.reddit.com/r/dataisbeautiful/comments/3k3if4/hi_im_mike_bostock_creator_of_d3js_and_a_former▻http://www.nytimes.com/interactive/2014/09/14/sports/baseball/jeter-swings.html
▻http://datastori.es/ds-56-amanda-cox-nyt
▻http://www.nytimes.com/interactive/2014/02/13/sports/olympics/olympics-gear.html
▻http://blog.vctr.me/monty-hall-
-
je rajoute discrètement ce nouvel article de @mbostock sur les échelles, qui cite Jacques Bertin
▻https://medium.com/@mbostock/introducing-d3-scale-61980c51545f
-
-
#curso #web_y_datos - #clase_3
▻http://blog.adsib.gob.bo/2015/07/07/curso-web-y-datos-clase-3.htmlPresentación
En esta dia se presento la libreria d3.js.
D3.js es una librería javascript creada por Mike Bostock que nos permite mapear datos a elementos dentro de una página web, cosas artisticas, visualizaciones interactivas, etc. Estos elementos pueden ser desde párrafos, tablas y lo más interesante, elementos gráficos representados en SVG.
Paginas de ejemplo
-
#curso #web_y_datos - #clase_3
▻http://blog.adsib.gob.bo/2015/07/01/curso-web-y-datos-clase-3.htmlPresentación
En esta dia se presento la libreria d3.js.
D3.js es una librería javascript creada por Mike Bostock que nos permite mapear datos a elementos dentro de una página web, cosas artisticas, visualizaciones interactivas, etc. Estos elementos pueden ser desde párrafos, tablas y lo más interesante, elementos gráficos representados en SVG.
Paginas de ejemplo
►https://github.com/mbostock/d3/wiki/Gallery ►http://bl.ocks.org/mbostock
-
‘Stop-and-Frisk’ Is All but Gone From New York - NYTimes.com
▻http://www.nytimes.com/interactive/2014/09/19/nyregion/stop-and-frisk-is-all-but-gone-from-new-york.html
‘Stop-and-Frisk’ Is All but Gone From New York
By MIKE BOSTOCK and FORD FESSENDEN SEPT. 19, 2014
It faded out at the end of the mayoral administration that promoted it so enthusiastically and the beginning of the administration that rode a wave of anger over it to a landslide victory. But as tensions with police rise anew, the grass-roots groups that opposed it are left wondering what the victory means.
-
d3 vs Processing - Google Groupes
▻https://groups.google.com/forum/#!msg/d3-js/KjGW94SyrAg/lc6rDxyisPAJDifférences entre Processing et d3.js par Mike Bostock (le créateur de D3).
#Processing, like HMTL5 Canvas, is a pixel-based graphics library. #D3,
assuming you are using SVG, is vector-based. Depending on the type of
application you are building, one may be more appropriate. -
How To Infer Topology
▻http://bost.ocks.org/mike/topologyAs its name implies, #topojson is a topological geospatial data format. In contrast to a geometry, where each shape is encoded with separate (and often redundant) arrays of coordinates, a topology encodes sequences of coordinates in line fragments called arcs that can be shared. The main benefit of a topology is that it improves shape simplification by avoiding artifacts that would be caused by simplifying shapes independently. It also enables applications like #map coloring and selective meshing, and makes the format more compact by removing redundant coordinates.
Mike Bostock explique le principe de fonctionnement de l’algo utilisé dans TopoJSON 1.4.0.
-
-
@fil Il utilise ►http://bl.ocks.org si je ne me trompe pas.
-
-
-
XKCD plots in d3
►http://dan.iel.fm/xkcdInspired by this blog post and Mike Bostock’s comment on this HN thread, I decided to make an XKCD-style plot in Javascript using D3 with a custom interpolation function. I also tried to use the “reusable chart” paradigm.
(via @fil)
