b_b

Wormhole is a Fast, Secure Way to Send Files to Other Users Through the CLI
▻http://www.omgubuntu.co.uk/2017/06/wormhole-fast-secure-way-send-files-users-cli

http://www.omgubuntu.co.uk/wp-content/uploads/2017/06/wormhole-send-recieve-files-linux-350x200.jpg

Next time you a file you want to send to a friend but don’t fancy the hassle of using Dropbox, try Wormhole. It’s a fast, free and secure way to send files to Linux and macOS users. For such a small python app it is truly cosmic: you just open a wormhole on your desktop […] This post, Wormhole is a Fast, Secure Way to Send Files to Other Users Through the CLI, was written by Joey Sneddon and first appeared on OMG! Ubuntu!.

Announcing #Leaflet 1.1.0

▻http://leafletjs.com/2017/06/27/leaflet-1.1.0.html

We have released Leaflet version 1.1.0, the first version built with ES6 modules - a big step forward ensuring Leaflet is up to date with how modern JavaScript is written. For users upgrading to this release, this change should not make a difference, while it offers the possibility to import individual parts of Leaflet individually if your app is built with ES6. As a consequence, 1.1.0 is also the first version built without Leaflet’s now deprecated custom build system, in favor of using Rollup.

Also new in this release is the new L.VideoOverlay class, allowing overlaying video on your #maps.

▻http://leafletjs.com/examples/video-overlay

We also managed to fix over 30 bugs with the help of about 20 different contributors: see the full changelog for details.

Let’s build together — NZZ’s storytelling toolbox Q is now open source
▻https://medium.com/@davidbauer/lets-build-together-nzz-s-storytelling-toolbox-q-is-now-open-source-39decb92
https://cdn-images-1.medium.com/max/1200/1*2UP3KsbuQJkwB_RTnR2WRQ.png

Here are some key features:
– Simple user interface and workflows, designed for people with no specific expertise in data visualisation, to facilitate broad usage in newsrooms.
– The same workflow from creation to publication for all tools, making it easy for users to understand new tools.
– Searchable archive of all items created with any of the tools, so that everything can be easily re-used, edited and used as blueprints.
– The same item can be rendered in different ways and designs for different targets (server side rendered, client side rendered, raster image, svg, you name it)
– The data for the graphics is stored in a database and rendered on runtime (with heavy caching), making sure you always have the latest version everywhere it’s embedded, with no additional effort.
– Q server, Q editor and tool services are decoupled and communicate via HTTP. This allows you to use whatever technologies fit your needs best.
Tools define the editor form using JSON schema with some extensions, making it very easy to set up new tools.

The tools currently available are:
– Election results: Votes for people
– Election results: Votes for parties
– Election results: Seats won by parties

#logiciel_libre #graphiques #outils #presse

Parlatype is an Ace Audio Transcription App for Linux
▻http://www.omgubuntu.co.uk/2017/06/parlatype-transcribe-audio-app-linux

http://www.omgubuntu.co.uk/wp-content/uploads/2017/06/transcribe-audio-app-linux-350x200.jpg

Whether you’re a student needing to take notes from a lecture you recorded or a blogger trying to transcribe an audio interface, the following little GNOME app can help. Turning an audio recording into text format is a time-consuming and sometimes tedious affair, with endless stop/starts as you hurriedly attempt to keep pace with the […] This post, Parlatype is an Ace Audio Transcription App for Linux, was written by Joey Sneddon and first appeared on OMG! Ubuntu!.

Atlas sonore des langues régionales de France
▻https://atlas.limsi.fr
https://i0.wp.com/outilstice.com/wp-content/uploads/2017/06/atlas-sonore.jpg?resize=768%2C369&ssl=1

Une même fable d’Ésope peut être écoutée et lue en français (en cliquant sur Paris) et dans une centaine de variétés de langues régionales (en cliquant sur les différents points de la carte)

#Fluid #Responsive #Typography With #CSS Poly Fluid Sizing
▻https://www.smashingmagazine.com/2017/05/fluid-responsive-typography-css-poly-fluid-sizing

Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers’ idea of fluid typography is simply using Viewport units maybe with some minimum and maximum sizes.

https://www.smashingmagazine.com/wp-content/uploads/2017/05/2-scatter-plot-font-size-opt.png

That’s called a trendline. It’s a way to find an interpolated font-size value for any viewport width, based on the data provided.

The are several methods for determining the slope and y-intercept. When multiple values are involved, a common method is the Least Squares fit:

https://www.smashingmagazine.com/wp-content/uploads/2017/05/4-least-squares-fit-opt.png

You can use the trendline equation like this:

h1 {

 font-size: calc({slope}*100vw + {y-intercept}px);

}

Once you find your slope and y-intercept you just plug them in!

Fediverse : fin d’une aventure
►https://psychedeli.cat/mastodon-fin-aventure
https://psychedeli.cat/content/images/2017/06/wallhaven-8850-compressor.jpg

[Après un blocage dû à une discussion sur la suppression d’un compte supposément pro-nazi] Mes notifications sont enfin redevenues intéressantes et l’ambiance est meilleure, on est passé à autre chose. C’était sans compter, quelques jours plus tard, la girouette qu’est devenue l’administration de mastodon.social. Pour vous situer dans le contexte, mastodon.social est l’instance phare de Mastodon avec 81,211 utilisateurs inscrits à l’heure actuelle et 2,504,555 status. C’est donc un géant et qui, par sa présence, m’inspire ce qui devient un raté de la « décentralisation » : si tous les utilisateurs sont répartis sur une dizaine d’instances majeures, quel est l’intérêt ? Et qu’arrive-t-il si le pouvoir coercitif finit par avoir raison des petites instances qui se retrouvent isolées alors qu’elles ont justement besoin de s’étendre et d’avoir de la visibilité à cette fin ?

#Mastodon #fediverse #modération #censure #oligopole #blocage #blocking_lists

ID3
▻http://d3-id3.com

ID3 is an Integrated Development Environment for Data-Drivin-Documents. ID3 provides developers, data scientists, journalists and more, with the ability to harness the power of D3.js, and with ease.

http://d3-id3.com/img/id3_screenshot.png

#IDE #d3.js

L’obligation vaccinale est une fausse bonne idée
▻http://www.atoute.org/n/article356.html
http://www.atoute.org/n/IMG/arton356.png
Défendre le droit à une information décente et critiquer l’infantilisation totalitaire de la population est une chose, préconiser de laisser revenir des maladies et des enfants crever pour servir de leçon en est une autre.
Un bon diagnostic et une mauvaise prophylaxie.

Il ne s’agit pas d’accélérer une stratégie incontestable face à un problème de santé publique majeur : les décès liés aux maladies concernées par l’extension vaccinale sont peu nombreux (ou leur nombre est tout simplement inconnu faute d’un recueil fiable). La motivation est ailleurs : l’obligation est destinée à contrer un défiance croissante des français vis-à-vis de la #vaccination. Cette défiance s’appuie sur deux piliers : la circulation d’une information antivaccinale irrationnelle mais convaincante pour un public non scientifique, et surtout le dogmatisme et les mensonges « pour la bonne cause » de ce qu’il n’est pas exagéré d’appeler « l’Église de Vaccinologie » qui assimile toute critique, même fondée et constructive, à une dangereuse hérésie.

Le problème, c’est que les français ont constaté d’eux-mêmes pendant la pandémie grippale 2009/2010 la fuite en avant des autorités sanitaires face au peu de succès de leur vaccin, acheté à grand frais à des industriels proches du pouvoir. Les ligues antivaccinales n’auraient jamais osé rêver d’un tel fiasco pour alimenter leurs thèses complotistes.

FontBase — A blazing fast, beautiful and free font manager for designers.
▻http://fontba.se
http://fontba.se/static/facebook.png

FontBase gives you all the stability, speed and reliability of a paid font manager, but free and on all platforms!

#fontes #graphisme #GNU_linux

Common UI Patterns
▻http://gridbyexample.com/patterns

A collection of built #patterns to use as starting points, complete with fallbacks. Remember that you do not need to use these for full page #layout, they could as easily be a small component in a design.

https://gridbyexample.com/img/pattern1.png
https://gridbyexample.com/img/pattern5.png

#css #grids

Creative Commons : Community Activities Fund Application Form
▻https://docs.google.com/forms/d/e/1FAIpQLSeOrNfq3Kh4w0_GIjUMA3Qv6y41IilkMcW04BOh1WpFY_fI-w/viewform
▻https://lh3.googleusercontent.com/NzY4XbrNjVovJM-drJzdQdnuz2G28p7VFWiP8DCXm8dUQSfKlCx--t9LDviab

The #Creative_Commons Community Activities #Fund provides small amounts of funding resources to CC Community Members for everyday activities that support projects aligned with the Creative Commons Strategy. These grants are meant to provide quick support for activities, projects and events. For kickstarting projects, facilitate travel and mentorships, and support the organization of CC-themed events around the globe.

Un simple formulaire à remplir pour demander une petite somme (de 0 à 1000$) à la fondation Creative Commons, pour soutenir un projet ou événement contribuant aux communs.

Pixel Map Generator | amCharts
▻https://pixelmap.amcharts.com

Un générateur de cartes du monde sous forme de pixels avec une interface de configuration pour choisir la taille des points, la projection, le pays, le format de sortie (images/html/vectoriel)...
La version SVG intègre un attribut aria-label="nom-du-pays" pour chaque point, permettant de cibler un pays en particulier en CSS ou javascript.

(il manque quand même l’option de configuration qui permettrait de pouvoir définir le centre géographique de la carte)

#cartographie #pixel #svg #monde #interaction #pays #pixelmap #générateur

Mapping coasts and the tidal zone

▻http://blog.imagico.de/mapping-coasts-and-the-tidal-zone

Mapping #coasts and the #tidal zone in #OpenStreetMap is not that difficult, here the basics:

– the coastline tagged with natural=coastline is placed at the top of the tidal range.
– the tidal zone is usually mapped as as natural=wetland, with wetland=tidalflat if it is bare mud or sand, other wetland types (like wetland=saltmarsh or wetland=mangrove) apply if it is vegetated.
– shallow, elevated areas permanently under water can be mapped as natural=reef.
– sand- and gravel bars in the tidal range or raising above can be mapped as natural=shoal.
– non-vegetated coastal stretches of sand, gravel or pebbles that are formed by waves can be mapped as natural=beach – preferrably with a surface tag indicating the material.
– rocky coasts can be tagged natural=bare_rock, coastal cliffs can be mapped with natural=cliff.
– for coastal dunes you can use natural=sand, individual dunes can also be mapped with natural=dune.

You can find some more details on coastal mapping in another blog post about beaches and reefs ▻http://blog.imagico.de/reefs-and-beaches-in-the-openstreetmap-standard-style

#osm #reef #mer

An Introduction to the fr CSS unit
▻https://css-tricks.com/introduction-fr-css-unit
https://cdn.css-tricks.com/wp-content/uploads/2017/06/grid-2.png

The fr unit (a “fraction”) can be used when defining grids like any other #CSS length such as %, px or em.

Retour sur le jugement majoritaire (et l’élection présidentielle) | Science étonnante
▻https://sciencetonnante.wordpress.com/2017/05/12/retour-sur-le-jugement-majoritaire-et-lelection-president
https://sciencetonnante.files.wordpress.com/2017/05/capture-d_ecc81cran-2017-05-12-acc80-16-07-54.png

Un article sur le jugement majoritaire, qui oblige à donner un avis sur chaque candidat·e, plutôt que d’en sélectionner un·e. L’intérêt, c’est de juger des candidat·es en tant que tel·les, sur leur programme, et pas seulement parce qu’ils ou elles ont des chances d’accéder au second tour, et d’aller chercher dans les seconds choix des électeurs et électrices de quoi trouver un terrain de concertation. Je ne comprends pas pourquoi ça s’appelle majoritaire, c’est justement assez pluraliste pour l’élection d’une seule personne !

Liens vers
Compare voting systems to improve them : Nature News & Comment
▻http://www.nature.com/news/compare-voting-systems-to-improve-them-1.21257

Research is needed on how groups make choices in real situations, write Guruprasad Madhavan, Charles Phelps and Rino Rappuoli.

« Que faut-il pour XXX ? » « Du logiciel libre ! » Non, une gouvernance éthique !
▻https://blog.imirhil.fr/2017/02/21/logiciel-libre-gouvernance-ethique.html

How to Pan-sharpen Landsat Imagery
▻https://earthobservatory.nasa.gov/blogs/earthmatters/2017/06/13/how-to-pan-sharpen-landsat-imagery

https://earthobservatory.nasa.gov/blogs/earthmatters/files/2017/06/mtjefferson_oli_2013225_crop.jpg

#images #satellites

Perceptual Scaling of Map Symbols | Making Maps : DIY Cartography

▻https://makingmaps.net/2007/08/28/perceptual-scaling-of-map-symbols

https://makingmaps.wordpress.com/files/2007/08/illusion1.png
https://makingmaps.files.wordpress.com/2007/08/scaled-circles.png?w=418&h=270

The implication of this perceptual underestimation was that absolute scaling on proportional symbol maps led to inaccurate perception of the values: while the circles were scaled accurately, the perception of the areas, and thus the values the user got from the map, were wrong.

The solution was to devise a method of perceptual (or apparent) scaling of graduated symbols, or appearance compensation in ArcGIS-ese.

Thousands of perceptual tests led Flannery to develop a method for scaling circles that compensated for the underestimation. When you check the Appearance Compensation check box in ArcGIS the method scales up proportional circles, the larger the circle, the more the scaling.

#cartographie #sémiologie #perception

“Représentation de la surface entière de la terre dans un triangle équilatéral”
https://visionscarto.net/local/cache-vignettes/L480xH413/35153994675_abce-18c6e.jpg?1496871063

une petite contribution au logiciel libre #d3.js et à l’histoire des #projections_cartographiques :

La projection conforme de Cox, par Philippe Rivière - @visionscarto
▻https://visionscarto.net/la-projection-conforme-de-cox

https://visionscarto.net/local/cache-vignettes/L488xH500/35113320516_a1c6-e579a.png?1496871370

https://visionscarto.net/local/cache-vignettes/L1122xH972/35132758796_d5bb-4007f.png?1496908203

#projections #mathématiques #pavages

(on remercie au passage #sci-hub sans qui jamais cette #shameless_autopromo n’aurait été possible !)

OpenSnitch
▻https://opensnitch.io

OpenSnitch is a #GNU/Linux port of the Little Snitch application #firewall .

https://raw.githubusercontent.com/evilsocket/opensnitch/master/screenshot.png

Miam, ya de la bonne basse dans la dernière release ODGPROD !

▻https://soundcloud.com/odgprod/sets/fleck-blue-hill-zippin-up-my-roots-vol2

download par ici : ▻http://odgprod.com/2017/06/06/fleck-blue-hill-zippin-up-my-roots-vol-2

#son

Présentation : refonte complète de l’interface d’admin

Cette présentation a été faite durant la rencontre SPIP à Toulouse en mai 2017. Elle propose de lancer un chantier de refonte complète de l’interface d’admin.

▻https://contrib.spip.net/Presentation-refonte-complete-de-l-interface-d-admin

#spip_blog

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