Skip to content

ephie06/01-ghd3

 
 

Repository files navigation

Assignment 1 - Hello World: GitHub and d3

http://ephie06.github.io/01-ghd3/index.html


I used the in class demo as a starting point for the assignment. In addition I used the following sites for reference on how to create graphics primitives.

https://www.d3-graph-gallery.com/graph/shape.html
https://stackoverflow.com/questions/13204562/proper-format-for-drawing-polygon-data-in-d3
https://www.d3indepth.com/shapes/

Technical Achievement Desription

I have never worked in d3 or JavaScript and only a very little in Terminal and GitHub, so it was a technical achievement for me to get up to speed on those things. I made interactive elements on the circles and rectangles, changing size, fill color, and stroke on mouse over. I also used a transition for the fill of the polygons to change on opening.

Design Achievement Description

I played around with placement, size, color, and opacity of the graphics primitives to make the assignment visually interesting. I wanted to make a curved line and was originally going for a wave. But my first attempt at a wave looked like it might make a cool abstract frog head. So I added the polygons to do that.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%