Sketching in Code 1
Using code to draw graphics as guided by recent concepts from class including preattentive features. See Labs.
Lesson Table of Contents
Video
Resources mentioned in the video can be found in links. Videos are hosted by Vimeo. You can load the video as an embed within this page or may view the video on Vimeo in a separate window / tab. If you enable on-site video, your preference will be remembered using a cookie.
Resources mentioned in the video can be found in links. Videos are hosted by Vimeo. You may disable Video Embeds or view the video on Vimeo.
Links
Written materials
Exercise
We are going to do a little creative coding where we will build up a sketch over the next two exercises. This doesn't need to be too complicated or even too much code. Also, don't worry if this first attempt is a little rough. You will get a chance to refine your work!
All that said, please use the concepts we have been exploring from class to build an artistic graphic that is drawn using code. In this piece, please explore at least one Gestalt Principles and one Pre-attentive Feature. This will offer important practice for drawing graphics relevant to building highly customized visualizations. For this submission, please do not make it interactive yet. We will do that in the follow up activity! Need inspiration? Check out the following...
Note that the Zulip community is not available to this MOOC. Please consider sharing your exercise via social media such as Bluesky with the tag #OpenDataVizSciCourse.
Reading
Next lecture
Works cited
This is the works cited from the lecture. Note that additional sources may be used in exercises and other supporting documentation.
- Thanks to https://badriadhikari.github.io/data-viz-workshop-2021/minards/ for imagery.