This is amazing stuff, Jon! Thank you. I saw your ChatGPT talk at NICAR this year and loved it. Thanks for everything. For others taking this tutorial, two things that seemed to have changed based on recent updates to ai2html (settings_version: 0.118.0): 1. You no longer want to include “inline_svg:true" in your settings (this seems to break the script) 2. Name your interactions layer "interactions:svg,inline" (as opposed to interactions:svg)

@LigeaAlexander

Жыл бұрын

Thanks!

@jsoma

Жыл бұрын

You're more than welcome!!!! In THEORY the newest version of ai2html fixes the bug about inline_svg - github.com/newsdev/ai2html/issues/162 - buuuuuut practically speaking it still seems to break for me. But to Future People: maybe it works, maybe you need to adjust, who knows!!

Exactly what I was trying to get working... thank you!

I didn't even watch it yet, but thank you so so much!! Really looking forward to seeing it

Awesome, thanks!

Jewel...thanks

This is awesome. Really, really, big thanks! Mr. Soma, I could use a bit of advice here: If one wants to animate the scatter to appear with some delayed animation effects, or animating the line chart produced from ai2html -- is that something I could learn from one of your d3 videos?

@jsoma

2 жыл бұрын

Transitions in d3 are super easy! You just put .transition() before the thing you want to have happen, and it... happens. So for example, d3.selectAll("path").attr('opacity', 0).transition().duration(1000).attr('opacity', 1) will take one full second to go from opacity of 0 (fully transparent) to opacity of 1 (fully opaque). You could also do a .attr('r', 0) to make the radius zero for everything, then do a .transition().attr('r', 5) to make them grow to 5 pixels instead of fading in! The more complicated you're looking to get the closer you are to actually working with "real" d3 instead of ai2html, but yes, knowing that .transition() exists + watching my d3 videos at kzread.info/dron/g3t2I9DIsU1HxNOHoPcLlw.htmlplaylists?view=50&sort=dd&shelf_id=4 will get you there. But .transition() will get you 80% of the way there with ai2html and a lot less effort!

@visualartdisciple5005

2 жыл бұрын

@@jsoma Marvelous. Thanks once more. That was easier than I thought it would be! As for a line chart animation using ai2html, I was still imagining that I would need to store the properties/attributes (i.e.: length, starting point etc... then specifiying "stroke-dasharray" / ""stroke-offset" in a variable). Anyway, off to watch those d3 videos and experiment. Thank you again for having responded!

@jsoma

2 жыл бұрын

@@visualartdisciple5005 I just popped some secret materials for my students onto a gist for you: gist.github.com/jsoma/5eb2134277146ef854f91044b001b358 It's about how to store original values in the circles/lines/etc so you can return them to their 'right' positions later. Could be useful for setting a target for your stroke dasharray/offset!

@visualartdisciple5005

2 жыл бұрын

Ahh bless your heart @@jsoma .. great stuff truly as rainbows really shot out of the computer! The learning journey continues and I shall even consider that lede program!