Today: Fun with radial layouts in #d3js

(Data: Donations to political parties in Germany 24/Jan - 25/April)

It's still WIP

#datavis #dataviz

Visualising Data with JavaScript Complete Bundle https://leanpub.com/b/visualising-data-with-javascript-complete-bundle by Peter Cook is the featured bundle of ebooks πŸ“š on the Leanpub homepage! https://leanpub.com #Graphics #D3Js #Javascript #WebDevelopment #DataScience #NodeJs #React #Html #Css #books #ebooks
TIL that

path {
vector-effect: non-scaling-stroke;
}

will retain the stroke width in
#SVG strokes regardless of zoom level (f.ex with #d3js)

<Happy noises>

🚨 New at @civio

Some hot news about one of our (many) fights to improve institutional transparency: we've been trying to find out who the ministers' advisors are for over a year (and still waiting...). But that's enough. We’re taking this to court.

πŸ‘‡πŸ» The whole odyssey, with #dataviz included (in Spanish):
https://civio.es/poder/2025/05/20/la-larga-travesia-de-mas-de-un-ano-para-saber-quienes-son-los-asesores-de-los-ministros/

#d3js #svelte

La larga travesΓ­a de mΓ‘s de un aΓ±o, y sin final feliz, para saber quiΓ©nes son los asesores en los ministerios

La DirecciΓ³n General de FunciΓ³n PΓΊblica, que tiene los datos, ignora al Consejo de Transparencia y se inventa un nuevo proceso para que respondan los ministerios: la mayorΓ­a de ellos oculta, como mΓ­nimo, algunos nombres .

Civio
Visualising Data with JavaScript Complete Bundle https://leanpub.com/b/visualising-data-with-javascript-complete-bundle by Peter Cook is the featured bundle of ebooks πŸ“š on the Leanpub homepage! https://leanpub.com #Graphics #D3Js #Javascript #WebDevelopment #DataScience #NodeJs #React #html #css #books #ebooks
Visualising Data with JavaScript Complete Bundle

This bundle includes three books: Visualising Data with JavaScript, Data Dashboards with JavaScript and Fundamentals of HTML, SVG, CSS and JavaScript for Data Visualisation. Fundamentals of HTML, SVG, CSS and JavaScript for Data Visualisation contains foundation material for the two other books. It's ideal if you're a programmer and need to get up to speed with HTML, SVG, CSS and JavaScript. Please note Visualising Data with JavaScript and Data Dashboards with JavaScript contain common chapters on Chart.js and Leaflet. Visualising Data with JavaScript also contains chapters on D3 and data stories. Data Dashboards with JavaScript also contains chapters on React and data dashboards.

Leanpub

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ с D3.js ΠΈ Leaflet: Визуализация ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ Π³Ρ€Π°Ρ„ΠΎΠ²

ΠšΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ D3.js ΠΈ Leaflet прСдоставляСт ΠΌΠΎΡ‰Π½Ρ‹ΠΉ инструмСнтарий для создания ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… гСографичСских Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ. Leaflet ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ слоями, Π° D3.js позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ кастомныС элСмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹, Π»ΠΈΠ½ΠΈΠΈ ΠΈΠ»ΠΈ слоТныС Π³Ρ€Π°Ρ„Ρ‹.

https://habr.com/ru/articles/906414/

#javascript #leaflet #d3js #ΠΊΠ°Ρ€Ρ‚Π° #Π³Ρ€Π°Ρ„Ρ‹ #frontendΡ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ с D3.js ΠΈ Leaflet: Визуализация ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ Π³Ρ€Π°Ρ„ΠΎΠ²

ΠšΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ D3.js ΠΈ Leaflet прСдоставляСт ΠΌΠΎΡ‰Π½Ρ‹ΠΉ инструмСнтарий для создания ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… гСографичСских Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ. Leaflet ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ слоями, Π° D3.js...

Π₯Π°Π±Ρ€
Deutscher Bundestag - Parteispenden ΓΌber 35.000 € - Jahr 2025

Deutscher Bundestag

The data flow for the new project so far is as follows:

Maintain the data collection in Strapi - all news clippings, people, org info etc are kept in the CMS

@astro pulls Strapi data as a collection and builds static JSON files as ReST routes

#Svelte + #d3js pull the data from the ReST endpoints and draw the visualization in the browser.

The actual site is fully static, but I get the benefit of a full db and a nice interface for the backend, that is hosted independently.

#webdev

#TIL about #D3JS;

"D3 (or D3.js) is a free, open-source JavaScript library for visualizing data. Its low-level approach built on web standards offers unparalleled flexibility in authoring dynamic, data-driven graphics."

https://github.com/d3/d3

#HatTip to @AdeptVeritatis who noticed that's what WeedTree is using for its visualisation.

#DataVisualization

GitHub - d3/d3: Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: - d3/d3

GitHub

Learn how to build animated maps with D3.js and Svelte! 🌍✨

πŸ‘‰ Perfect for data journalists, data nerds, and curious devs.

Link below! πŸ‘‡

#Dataviz #D3js #Svelte #DataJournalism