chrtze · HackerTrans

Submissions

Show HN: Reusable components for React Flow based on shadcn UI

reactflow.dev

2 pointsby chrtze2 lata temu0 comments

React Flow 12: node-based UIs with computing flows and server-side rendering

reactflow.dev

8 pointsby chrtze2 lata temu1 comments

Svelte Flow – a library for rendering interactive node-based UIs

xyflow.com

1 pointsby chrtze3 lata temu0 comments

Show HN: Svelte Flow – open-source library for building node-based UIs

svelteflow.dev

8 pointsby chrtze3 lata temu2 comments

Integrating React Flow and the Web Audio API

reactflow.dev

3 pointsby chrtze3 lata temu0 comments

How React Flow became a financially sustainable open source library

reactflow.dev

4 pointsby chrtze3 lata temu0 comments

We lost our slick new NPM package name (and then got it back)

reactflow.dev

4 pointsby chrtze4 lata temu0 comments

React Flow v10

reactflow.dev

4 pointsby chrtze4 lata temu1 comments

Show HN: Datablocks – editor for exploring and transforming data without code

datablocks.pro

6 pointsby chrtze5 lat temu0 comments

Datablocks – a node based editor for working with data

webkid.io

3 pointsby chrtze5 lat temu0 comments

Data visualization shows all demonstrations in Berlin since 2018

fragdenstaat.de

1 pointsby chrtze6 lat temu0 comments

Show HN: Highly customizable React library for creating node-based graphs

github.com

5 pointsby chrtze6 lat temu0 comments

React flow: library for building interactive node-based editors and graphs

reactflow.dev

3 pointsby chrtze6 lat temu0 comments

Interactive Tool: Cut a Map and Compare Data

interaktiv.morgenpost.de

1 pointsby chrtze6 lat temu0 comments

React-flow: a library to create interactive node-based graphs

webkid.io

155 pointsby chrtze6 lat temu19 comments

Interactive tool to explore all words spoken in the German Parliament since 1949

zeit.de

2 pointsby chrtze7 lat temu0 comments

Open source tool for merging datasets

github.com

2 pointsby chrtze8 lat temu0 comments

Data Visualizations about the German Election

blog.webkid.io

1 pointsby chrtze9 lat temu0 comments

Tool to compare the size of the iceberg that detached from Larsen C

interaktiv.morgenpost.de

1 pointsby chrtze9 lat temu0 comments

Party Strongholds in Germany Visualized

interaktiv.morgenpost.de

1 pointsby chrtze9 lat temu0 comments

comments

chrtze

11 lat temudiscuss

Thanks, Felix ;)

chrtze

11 lat temudiscuss

We wanted to focus more on tools and plugins, not on visualization examples because many resources for that already exist.

chrtze

11 lat temudiscuss

Sorry, haven't seen that one.

chrtze

11 lat temudiscuss

I like the code examples for every library presented in the article.

chrtze

11 lat temudiscuss

D3 implements many other features like scales and stuff. The two just have some parts in common when it comes to DOM-manipulations and selections.

chrtze

11 lat temudiscuss

okay, didnt think of that solution! thx!

chrtze

11 lat temudiscuss

Yes you can. Both libraries are based on document.querySelectorAll which has the same selectors as you know them from CSS.

chrtze

11 lat temudiscuss

That's true. I am still often missing the shorthand versions if jQuery when working with d3. For example doing something like this:

$('.foo').append('<div class="bar" data-selected="true"/>');

in d3 I have to go the long way:

d3.select('.foo') .append('div') .classed('bar', true) .attr('data-selected', true);

I have recently worked a lot with this plugin https://github.com/gka/d3-jetpack which includes some very nice helper functions!

chrtze

11 lat temudiscuss

From my perspective I would rather have $.select() instead of $() because it makes more clear what this function actually does.

chrtze

11 lat temudiscuss

There is a similar project on this: http://www.washingtonpost.com/blogs/worldviews/wp/2014/11/06...