Tangle is a JavaScript library for creating reactive documents. • Hacker News Board

Re: Tangle is a JavaScript library for creating reactive documents.

#21

Post by mcantelon » Fri, Oct 21, 2011, 4:44 PM UTC

michaels0620 wrote: post #13

mcantelon wrote: post #10

What's the difference between "reactive" and "interactive"? Just wondering if we really need a new buzzword...

I think "Reactive" refers to Reactive Programming where the display values change automatically when the input values change without the programmer having to explicitly set them.

Ah. Thanks... that explains.

Re: Tangle is a JavaScript library for creating reactive documents.

#22

Post by ThaddeusQuay2 » Fri, Oct 21, 2011, 5:05 PM UTC

It seems to me that this would be a good tool to use in an attempt at the following code challenge, where Wikipedia would like to see article changes and trends visualized. I saw their challenge yesterday, and made a note of it, but am too busy on other projects, so I'm just putting the idea out there. Why not make Wikipedia articles visually reactive?

http://mediawiki.org/wiki/October_2011_Coding_Challenge/Real...

Re: Tangle is a JavaScript library for creating reactive documents.

#23

Post by hanskuder » Fri, Oct 21, 2011, 5:14 PM UTC

This wasn't really impressive to me until I started playing around with the dual pole filter. Awesome! Something like this should have been directly embedded in my prof's DSP lecture notes.

Re: Tangle is a JavaScript library for creating reactive documents.

#24

Post by gabriele » Fri, Oct 21, 2011, 5:17 PM UTC

have I been missing something or this brakes every accessibility rules? how can I "slide" without a mouse? It seems I can't even tab to the sliding enabled elements.

Re: Tangle is a JavaScript library for creating reactive documents.

#25

Post by chwahoo » Fri, Oct 21, 2011, 5:26 PM UTC

delinka wrote: post #11

radarsat1 wrote: post #9

This is absolutely brilliant for educational uses. Even the front-page filter example is something I plan to suggest to my prof for the DSP class he teaches.

I'd like to suggest that in the case of audio, adding the ability to experience changes aurally in addition to visually.

That page does allow you hear the changes. See the toggle-switch next to the picture of the guitar.

Re: Tangle is a JavaScript library for creating reactive documents.

#26

Post by phogster » Fri, Oct 21, 2011, 5:39 PM UTC

gabriele wrote: post #24

have I been missing something or this brakes every accessibility rules? how can I "slide" without a mouse? It seems I can't even tab to the sliding enabled elements.

It works perfectly fine on my android phone.

Re: Tangle is a JavaScript library for creating reactive documents.

#27

Post by DavidChouinard » Fri, Oct 21, 2011, 5:42 PM UTC

markbao wrote: post #7

Another cool experiment with the graph example given there: http://worrydream.com/ExplorableExplanations/ — go down to the guitar icon (or find "incidentally" on the page).

If you missed it, Bret Victor also uses this profusely in Up and Down the Ladder of Abstraction (http://worrydream.com/LadderOfAbstraction/). Regardless of his use of Tangle, it's a great guide that definitely merits a thoughtful read.

Re: Tangle is a JavaScript library for creating reactive documents.

#28

Post by naner » Fri, Oct 21, 2011, 5:42 PM UTC

markbao wrote: post #7

Another cool experiment with the graph example given there: http://worrydream.com/ExplorableExplanations/ — go down to the guitar icon (or find "incidentally" on the page).

I think we discussed the original mockup of this here: http://worrydream.com/ScrubbingCalculator/

Re: Tangle is a JavaScript library for creating reactive documents.

#29

Post by fomojola » Fri, Oct 21, 2011, 5:43 PM UTC

Impressive. It would be really neat if you could tie a variable to an external input (say, a WebSocket connection retrieving real-time data). Is the only way to adjust values user input, or could I do something more complex where real-time data is coming in and the document reacts to that as well?

Re: Tangle is a JavaScript library for creating reactive documents.

#30

Post by delinka » Fri, Oct 21, 2011, 5:51 PM UTC

chwahoo wrote: post #25

delinka wrote: post #11

Earlier quoted context omitted.

I'd like to suggest that in the case of audio, adding the ability to experience changes aurally in addition to visually.

That page does allow you hear the changes. See the toggle-switch next to the picture of the guitar.

"That page..." - which?