- augmenting space lab (Cluster 1)·Last edited by Zane Wolf on Nov 15, 2021Linked with GitHubContributed by
There is no commentSelect some text and then click Comment, or simply add a comment to this page from below to start a discussion.Read more
Log of Meetings
(in reverse order) 20211123 Tica led us through an Airtable-to-Unity tutorial, showing us how to create a virtual gallery using data from an Airtable. 20211116 Zane did a D3 tutorial! 20211109 @marlon will do a little blender tutorial!
Nov 30, 2021Data Visualization Part 3: Coding Data
This document is going to walk you through a basic D3 example. You're welcome to just read the document, but I definitely recommend opening the basic CodePen here and coding along as you go. Playing around with the code yourself, seeing what changing this or that does to the final result, is one of the best ways to learn. CodePen Also, the screenshot text appears small in this document, I definitely recommend zooming in on the page, hitting Ctrl + + a few times until you can see everything clearly. No need to ruin your eyes. :) The Modern Webpage (in a paragraph) Webpages have three distinct components, generally. The HTML document (a file that ends in .html) is the file that houses the content of the webpage - the name, the header, the paragraphs of content, the images. The CSS file (ends in .css) is the style sheet. It tells the HTML file what fonts to use for the headers, where to place the paragraphs on the screen (left, right, center), what size the fonts should be, etc. And then the Javascript files (end in .js) are the files that make things (like graphs and charts), the results of which are delivered to the HTML document to be included in the webpage. Coding an interactive data visualization for a webpage involes making these three types of files and coding them all to get along. The HTML Document
Nov 16, 2021Data Visualizaton Part 1: Encoding Data
Enoding data is the process of converting or translating raw data into understandable (and hopefully rememberable) images or symbols. But before we can start encoding, it's important that we go over some terminology. Data Types First, what type of data do you have? Some types of encoding methods work better for some data versus others, and looking at your data, understanding what it is comprised of, should always be the first step. There are several different types of data. Qualitative/Categorical Categorical data are often data that can't be counted or measured, but can be divided into categories. Geographical Location, Color, Age Groups, and Months are all examples of categorical data. Within categorical data, there are two subtypes: nominal and ordinal. The difference between the two is whether that is an inherent order to the data. Geographical location....does alphabetical make sense? Maybe, but that's a choice of ordering that you could impose upon the data. Color also doesn't really have an order to it. But Age Group and Months do have an inherent order to them. Sizing (small/medium/larger) and Grades (A+/A/A-/B+/...) are both ordinal. Quantitative/Numerical
Nov 15, 2021Data Visualization Part 4: Coding Volcanic Data (IN DEVELOPMENT)
Codepen Planning Notes Make a bubble chart, bar chart, or line graph using the Volcano Data set bubble chart where x axis = time, y-axis = elevation, size = VEI? scales/axes, could include a filter too! could be fun to boot the final project from this to blender?? 3D bubble chart??
Nov 12, 2021
HackMD