Episode 1: SVG Fundamentals

Get it Right in Black & White
#42

I was pretty excited about mine but then saw all the others amazing work I didn’t want to post mine, but I will and later create some amazing things as the otheres.

https://vizhub.com/Andresrvaz/ffb44f070f4c48fab761b8e6b17091f2?edit=files&file=index.html

1 Like
#43

I had too much creating this… Kind of happy with what i have done :slight_smile:

2 Likes
#44

Very nice creative work! It’s beautiful!

#45

Is there any relation between SVG and postscript.
It’s like the language uses simular commands.

1 Like
#46

There could well be some relationship! They are similar indeed. I don’t know in detail what the similarities and differences are, but postscript predates SVG by many years.

Postscript: 1987

SVG: 1999

There is a tool that converts SVG to EPS, which you need to do if you want to include SVGs in LaTeX documents.

1 Like
#47
1 Like
#48

Something random

#49

Whoah that’s a really neat effect with the text moving like that! Ver nice work.

#50
2 Likes
#51

Thanks for the lesson Curran! A bit late to the party but this stuff is rad.
Found this on the interwebs and thought i’d share. The rhyme and reason of d="{black box}" has been revealed!

#52

I played around a bit and though I could share as well

#53

Hello from Thailand!

I just wanted to give a simple try and share below (coming from your 2022 course)!

#54

Excellent work! I’m thrilled to see folks are still getting value out of my older videos. Thank you for sharing! Happy to answer any questions you may have.

#55

Hello from Srilanka,

I did a simple SVG artwork via some JS manipulation

I’m really enjoying your course on D3 JS!

Thank you!

1 Like
#56

Very nice! Thank you for sharing!

#57
2 Likes
#58

here’s my cat face with SVG

#59

Very nice! Love it! Thank you for sharing.

Really interesting how AI is taking part in the work in VizHub. Lots of folks are doing that and it works amazingly well. I’d like to integrate more AI features directly into the platform.

Imagine if you could prompt within VizHub itself, then have the code edits made for you automatically! That would be epic!

#60

Hello!

I’ve also a question: since we’re working with coordinates, is there a way to get a grid or some rulers in the background? Just to have it as a reference to know where elements are actually placed. Thanks!

#61

For sure! You could make a grid using <line> elements.