#observable

https://youtu.be/L9kFTps_7Tk

Check out my latest video on error handling with Observables:

🧐Catch and Rethrow
🧐Catch and Continue
🧐Retry on Error
🧐RetryWhen
🧐Errors and Action Streams

#angular #rxjs #observable #errorhandling

Jesus M. Castagnetto🇵🇪💉x5

Jesus M. Castagnetto🇵🇪💉x5

An interesting post on Periscopic using #observable (@observablehq) for #DataForGood
https://observablehq.com/customer-stories/periscopic

#Data

An interesting post on Periscopic using #observable @observablehq for #DataForGood
https://observablehq.com/customer-stories/periscopic

#Data

Noam Ross

#rstats #observable #observableJS

Ah, the video of @allison_horst's #nyhackr talk on Plot.js talk is up!: https://youtu.be/0srggostAko

Jordan Wirfs-Brock

I think I'll need to stick with Python/Jupyter notebooks for teaching data science in the future, since those tools are so ubiquitous, but I'm tempted to integrate #Observable more. Curious if folks have thoughts, pros/cons on this front...

Jordan Wirfs-Brock

This week & last I *finally* started playing with #Observable (https://observablehq.com/), motivated by wanting to bring it into my data science class as a visualization tool. So far I think we are having...tentative success?? It serves all kinds of (ulterior motive) purposes in addition to viz: it's great for remixing & investigating code, a gentle intro to JavaScript, avoids a lot of file management headaches. Any cool ways you've used Observable in teaching settings?

Harris Lapiroff 🔥

#data #DataViz #ClimateChange #javascript #observable

New chart:

1,200 Years of Cherry Blossoms 🌸

https://observablehq.com/@harrislapiroff/1200-years-of-cherry-blossoms

🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸

#Signals are just the reactivity model from #Solid, #MobX, #Ember, #Knockout, et al. It pushes a notification with an #observable-like mechanism that something has changed, there’s a dependency graph (implicit or explicit) that is notified. Then, it schedules a pull to calculate values. #ReactJS #Preact #javaScript #webDev #frontend

Françoise Bahoken

🌟 🌍 🌟 [TTT] Tribute to Tobler

Visualiser la première #loi de la #geographie de W. Tobler ? L’#auto-corrélation #spatiale

by @ljegou

🔗 Sur #Observable : https://observablehq.com/@ljegou/autocorrelation_spatiale
🔗Dans #Neocarto https://neocarto.hypotheses.org/18241

Graham Snyder

https://observablehq.com/@grahamsnyder/stateful-transitions

My main #datavis projects are currently all still in various states of embarrassing disarray, and to help me get unblocked on them I have recently been writing some #Observable notebooks exploring specific technical challenges I have been facing.

One of these addresses how to preserve state at the interrupt of complex transitions in #d3js. I learnt a lot along in writing it and I'm reasonably happy with the solution I came up with. You can read it here:

Jake Coppinger

https://observablehq.com/@mjbo/perceptually-uniform-color-models

“Perceptually uniform color models and their implications”, an #Observable notebook/blog post about colour theory by Max Bo (Software Engineer at Canva).

#color #colour #theory #srgb #graphicdesign #design #sydney #australia

Laurent Jégou

https://observablehq.com/@ljegou/acp-des-pains

Qu'est-ce que l'Analyse en Composantes Principales ? Un exemple illustré avec #Observable sur un jeu de données rigolo : les types de pain !

Un assortiment de types de pains, sur une table.

Adam Gardner

Kristin (vis.social Admin)

Do you use #featureflags ? With #openfeature it is a one-line change to switch from in-house to vendor. OpenFeature is tightly integrated with #opentelemetry so everything is #observable by default. https://docs.openfeature.dev for more info

Andrew Wooldridge 🌱

8 months ago

Did you know that you can include #nodejs #npm packages directly on the front end without node.js? You can use sites like Observable which fold in D3 to pull JS into the front end. I have like over 100 examples here https://observablehq.com/@triptych/hello-is-online?collection=@triptych/working-libraries #javascript #observable

8 months ago

I've been asked to participate in an online panel event on "Predictions in Data Visualizations in 2023", hosted by @observablehq this coming Wednesday morning.

I think there are some spots left, but not sure.

It's certainly got me thinking about my hopes more than predictions.

https://www.meetup.com/observablehq/events/290337181/

#DataVis #DataViz #DataVisualization #observable

Mattias Villani

https://youtube.com/playlist?list=PLOHIJAFwtkEfEsafMd9BY3KWsRrz7FV5e

Observable (https://observablehq.com/) blows my mind. The possibility to include reactivity into slides and course web pages etc is amazing. Most importantly, everything runs in the browser without any install.

Here is a very good playlist to get you started:

I would have preferred running Julia's Pluto notebooks (inspired by Observable), but that does not run in the browser.

Finally, RStudio's Quarto system supports Observable.

#observable #quarto #teaching #pluto

Forest Gregg

https://observablehq.com/@fgregg/differences-among-chicago-wards-in-how-long-it-takes-before

the city of chicago fulfills residents' service requests a lot faster in the central business and a lot slower on the far south side.

here is an analysis that lets you see the details and compare ward to ward.

#chicago #open311 #observable

choropleth map showing that the far south side of chicago gets service requests fulfilled much more slowly than rest of city

Rwy wedi bod yn arbrofi gyda #D3 ac #Observable i geisio cynhyrchu #mapiau #Cymru (ddim yn mapio dim diddorol - ffiniau'n unig - gweler y lluniau). Dyma fy nodiadau - i mi fy hun yn bennaf ond efallai y gallent fod o ddiddordeb i eraill am y broses o'u cynhyrchu, gyda chyfeiriadau at becynnau #R http://statiaith.com/cymraeg/cyfrifiad2021/mapio_sgiliau/cofnodi_camau_mapio.html

Ffiniau siroedd a LSOAs Cymru. Llun map svg.

Map ffiniau siroedd a LSOAs Cymru. png o fap ar Observable gynhyrchwyd gyda Plot.

Deborah Kurata

https://youtu.be/xsOgPrbFckE

Another Angular Quick Take video:

"What is an Observable?"

#angular #rxjs #observable

Trud Antzée | Data designer

#DataVis #DataViz #Observable #Ukraine #StandWithUkraine

2/ Volodymyr Agafonkin recently made a second data vis: "Visualizing Blackouts at Home in Kyiv". He writes about the vis and about how Ukrainians manage their daily lives here:

➡️ https://observablehq.com/@mourner/blackouts

💙💛 Don't forget to donate to Ukraine!

A heatmap data visualisation with calendar dates on the y axis and time of day on the x axis. Night hours are blue, sunlight hours are yellow. The blackout hours are shown as black cells. The heatmap covers October 20 to December 21. Almost 100% of days have blackouts, often many hours per day.

Trud Antzée | Data designer

#DataVis #DataViz #Observable #Ukraine #StandWithUkraine

1/ "Visualizing Air Raid Sirens in Ukraine" data vis by Volodymyr Agafonkin, creator of Leaflet. Read about the vis and get a glimpse into what life is like under such circumstances:

➡️ https://observablehq.com/@mourner/sirens

💙💛 Don't forget to donate to Ukraine!

A heatmap data visualisation with calendar dates on the y axis and time of day on the x axis. Night hours are blue, sunlight hours are yellow. The air raid sirens are shown as red cells in the heatmap. The heatmap covers March 15 to December 21. There were sirens most of the days and nights, often several times, and often lasting for hours.

Juan Luis

https://observablehq.com/blog/community-recognition-2022

The @observablehq Community Recognition Awards 2022 are in, and @carmen_tm work is featured there 😍 Congratulations Carmen and Civio!

#dataviz #observable #civio

Screenshot of a map that shows the pressure on the primary healthcare system in Spain

Laurent Jégou

https://observablehq.com/@sigma-toulouse?tab=collections

Several new course materials with #Observable for #DataViz : Plot, Databases, BertinJS #cartography and #WebMapping available :

Prepared for the Sigma geomatics Master at Toulouse, Univ. Jean-Jaurès and INP-ENSAT.

Forest Gregg

https://observablehq.com/@fgregg/wage-and-hourly-division-findings

here’s an example of how to use STL for extracting the seasonal and trend components from a time series.

#observable

Siart rhyngweithio newydd: y nifer â sgiliau yn y Gymraeg #Cyfrifiad2011 https://statiaith.com/cymraeg/cyfrifiad2021/mapio_sgiliau/siartio_sgiliau_awdurdod.html Wedi bod yn dysgu defnyddio #Quarto ac #Observable !

Saneef H. Ansari

Adding graticule labels on #d3js maps. https://observablehq.com/@saneef/graticule-labels-for-small-regions

#observable

chart:
https://observablehq.com/@terezaif/microplastic-in-the-canary-islands

Walking on the Famara beach.. you see lots of tiny pieces of plastic brought in by the ocean waves. I found a paper where they gathered microplastic on a Lanzarote beach and analyzed it..

#30DayMapChallenge Day 26: islands | #observable | @observablehq

Map of the Canary Islands with waterlines depicting micro plastic on the beaches

Picture of sand taken on the La Famara Beach in Lanzarote, showing lots of pieces of plastic

https://observablehq.com/@terezaif/colonialism-and-who-did-it

I love it when I find data for a vis and then notice interesting info for the next project. From tomatoes to colonialism.. the GeoDist data had also colonialism info.

It turns out that only 9 countries have neither colonised nor have they been colonised. Some countries are missing in the dataset... for example Romania, which according to the communist history version I had in school was very awesome😅

#30DayMapChallenge Day 25: 2 colors | #observable | @observablehq

World map of the countries who colonised other countries.. red for colonisers.. white for non-colonisers

Doug Holton

#Observable is a free web-based computational notebook tool that lets you embed & run #JavaScript code in a document. Unfortunately they just emailed every user that they are about to be billed $144/year. Don't know if it's a mistake or #phishing, but here are 4 #OpenSource alternatives:
1) https://starboard.gg/ basically does the same thing.
2) https://jupyter.org/ for #python notebooks
3) https://rmarkdown.rstudio.com/ for #Rstats
4) https://mdxjs.com/ for #JSX in #markdown documents

https://observablehq.com/@terezaif/traveling-tomatoes

I once heard that tomatoes do travel a lot to get on our plate.. especially the cherry ones.. this really made me sad.. as living in Germany means kinda boring tomatoes

And it's true .. tomatoes seem to travel the world!

And discovering all the things that @neocarto made possible with Bertin.js is lots of fun! This changes the fact that I used to dislike making maps :D

#30DayMapChallenge Day 23: movement | #observable | @observablehq

World map showing how far tomatoes travel and their routes

Sharon Machlis

https://github.com/mauforonda/mastodon_timeline

@mastodonmigration @mauforonda
⬆️ ⬆️ ⬆️ Very cool tool indeed! Written in #Observable #JavaScript and hosted at @observablehq to visualize Mastodon instance metrics.
Use it - and see the underlying JS #dataviz code - here:
https://observablehq.com/@mauforonda/what-goes-on-in-mastodon

#Python code and GitHub Actions creating the underlying data I believe is here:

Chris Cemper

#mastodonrelay #protocols #sync #configuration #observabilty

@nova I still don't have a single clue about #relay #federation.

Not just #observable but actually #configurable

Is it the approach to sync everything from everywhere to my instance?

If yes, wow - resources? redundancy? raft or other cluster protos for #consistency?

If no, how can I decide what to sync? I found asian toots on my english moderated server, what's the point if I cannot even read these?

Julien Deswaef

It seems that 2016 was my most active year on the #birdsite

You can see when I really started being active on #Mastodon, mostly only cross-posted to #Twitter and then stopped cross-posting completely.

Get your graphs and more at https://observablehq.com/@observablehq/save-and-analyze-your-twitter-archive
#Observable

A graph view of aggregated tweets, retweets and replies left on the platform since 2009.

The graph shows a big change in behavior beginning of 2018 and goes almost flat past mid 2020

A bubble graph with the popular tweets, likes and retweets.

Again, 2016 - 2017 seems to have been a good year from that perspective. And quite flat after 2018

Simon Willison

https://til.simonwillison.net/observable-plot/wider-tooltip-areas

Figured out a pattern for implementing tooltips on #Observable Plot line charts that show even if you don't manage to mouse over the line itself with pinpoint accuracy

The trick is to render the line twice: once as an opacity 0.01 super-wide line with a tooltip, and then again as a single solid line without one

(Obviously not much use if you're on a phone though - I'd love to have good mobile friendly tooltips there too)

Now using that here: https://observablehq.com/@simonw/mastodon-users-and-statuses-over-time

It's a line chart - this one is "total users over time across all tracked instances, over 1 day 20 hours"

A tooltip is displayed next to (but not directly over) the line, showing a timestamp and a user count.

Laurent Jégou

https://observablehq.com/@sigma-toulouse

I updated and republished my online course examples for #WebMapping and #SpatialAnalysis for the Sigma geomatics Master here in Toulouse, using the new "pro" education/research group account for #Observable (in French) :

Thanks to @neocarto for the tip !

Screen shot of the page for Sigma groupe at ObservableHQ.

Code: https://observablehq.com/@terezaif/worldwide-internet-usage-by-gender

ITU estimates that about 66% of the world's population is using the internet. Looking at the split by gender and country, we still miss information for many countries.

From the data available, the difference between women with internet access and men is around 2.22% ..or 178 million women.

Data: https://www.itu.int/en/ITU-D/Statistics/Pages/stat/default.aspx

#30DayMapChallenge Day 19: Globe | #observable | @observablehq | bertin.js

World map showing the globe from two perspectives, countries colours denote the percent of population with internet access. Bubbles denote gender imbalance. red for less women with internet and yellow for less men

https://observablehq.com/@terezaif/dunnies-map-in-australia

Public Toilets in Australia.. it just begged to be visualized

First .. I heard about @simon 's datasettes.. finding the dataset among the examples..

Then I stumbled upon Bertin.js by @neocarto which makes map plotting way more fun and observable with datasettes integration by Alex Garcia .

It's been the fastest map I've ever done thanks to all the awesome people making cool libraries out there!

#30DayMapChallenge Day 18: Blue | #observable | @observablehq

Map of Australia and spikes where there are public toilets

Jan Aerts

Let's see if Mastodon can help me...

Does anyone have a simple proof-of-concept of using #threlte (#threejs in #svelte) to generate a 2D scatterplot? I'm struggling with the camera settings and mesh sizes... There is an #observable notebook on doing this using threejs directly, but the settings for camera are very different. (see https://observablehq.com/@grantcuster/using-three-js-for-2d-data-visualization)

Any help appreciated. Thank you!

Sharon Machlis

The Arquero JavaScript library is an easy way to filter, sort, and otherwise wrangle JavaScript objects.
My new tutorial at #InfoWorld: https://www.infoworld.com/article/3678168/filter-javascript-objects-the-easy-way-with-arquero.html

Users of the dplyr R 📦 who want to add some Observable JS to their #Quarto docs may find this especially helpful, since it uses similar "verb" syntax.
#JavaScript #Observable #rstats #dplyr #tidyverse #QuartoPub @quarto @quartopub @observablehq

What does that mean for you? In addition to the usual JavaScript function syntax, you can also use special table expression syntax such as filter("d => op.equal(d.Region, 'Northeast')") or filter("equal(d.Region, 'Northeast')"). Check out the API reference if you think one of these versions might be more appealing or useful.