kristin_baumann,
@kristin_baumann@vis.social avatar

Does anyone have any tips for resources that discuss how to 𝗰𝗿𝗲𝗮𝘁𝗲 𝗼𝗿𝗴𝗮𝗻𝗶𝗰 𝘀𝗵𝗮𝗽𝗲𝘀 𝘄𝗶𝘁𝗵 𝗰𝗼𝗱𝗲? (for dataviz, esp. in D3)

I am interested in creating shapes like leaves, waves, sea shells, bushes, etc. programmatically. I've seen stuff for Illustrator but not for code.

Thanks 🙏

gmschroe,
@gmschroe@fosstodon.org avatar

@kristin_baumann thanks for starting this discussion - I'm looking forward to investigating the suggested resources!

Here's the algorithm for a Barnsley fern from Danielle Navarro's Art from Code tutorial: https://art-from-code.netlify.app/day-2/session-1/

If you're also interested in natural textures, Tyler Hobbs has some essays about reproducing textures: https://tylerxhobbs.com/essays/2014/texture-study-dormant-grass, https://tylerxhobbs.com/essays/2017/a-generative-approach-to-simulating-watercolor-paints

seblammers,
@seblammers@vis.social avatar
kristinHenry,
@kristinHenry@vis.social avatar

@kristin_baumann are thinking of using them as icons, or paths? Starting with an SVG, or using processing, or vanilla javascript?

There are tons of examples on the processing site.

I've been meaning to write some myself, but haven't gotten around to it.

kristinHenry,
@kristinHenry@vis.social avatar

@kristin_baumann Processing examples and documentation can be great for picking up approaches that make sense and have visual output.

kristinHenry,
@kristinHenry@vis.social avatar

@kristin_baumann I create a lot of my work by combining vanilla javascript, canvas, and other libraries (including d3).

For creating organic looking shapes on canvas, the CurveThrough functions will come in handy.

kristin_baumann,
@kristin_baumann@vis.social avatar

@kristinHenry thank you! I haven't looked at Processing yet, so great tip, thanks!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • ethstaker
  • DreamBathrooms
  • cubers
  • mdbf
  • everett
  • magazineikmin
  • Durango
  • Youngstown
  • rosin
  • slotface
  • modclub
  • kavyap
  • GTA5RPClips
  • ngwrru68w68
  • JUstTest
  • thenastyranch
  • cisconetworking
  • khanakhh
  • osvaldo12
  • InstantRegret
  • Leos
  • tester
  • tacticalgear
  • normalnudes
  • provamag3
  • anitta
  • megavids
  • lostlight
  • All magazines