(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!
11/30/2021This 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
11/16/2021Enoding 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
11/15/2021Date Meeting Topic Lead Notes 11/16/2021 Virtual D3 Zane
11/15/2021or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up