普通视图

Received before yesterday

Designing a Data Physicalization: A love letter to dot grid paper

2025年2月11日 13:00

Claudia Berger is our Virtual Artist-in-Residence 2024-2025; register for their April 15th virtual talk and a local viewing of their data quilt in the Scholars’ Lab Common Room!

This year I am the Scholars’ Lab’s Virtual Artist-in-Residence, and I’m working on a data quilt about the Appalachian Trail. I spent most of last semester doing the background research for the quilt and this semester I get to actually start working on the quilt itself! Was this the best division of the project, maybe not. But it is what I could do, and I am doing everything I can to get my quilt to the Lab by the event in April. I do work best with a deadline, so let’s see how it goes. I will be documenting the major steps in this project here on the blog.

Data or Design first?

This is often my biggest question, where do I even start? I can’t start the design until I know what data I have. But I also don’t know how much data I need until I do the design. It is really easy to get trapped in this stage, which may be why I didn’t start actively working on this part of the project until January. It can be daunting.

N.B. For some making projects this may not apply because the project might be about a particular dataset or a particular design. I started with a question though, and needed to figure out both.

However, like many things in life, it is a false binary. You don’t have to fully get one settled before tackling the other, go figure. I came up with a design concept, a quilt made up of nine equally sized blocks in a 3x3 grid. Then I just needed to find enough data to go into nine visualizations. I made a list of the major themes I was drawn to in my research and went about finding some data that could fall into these categories.

A hand-written list about a box divided into nine squares, with the following text: AT Block Ideas: demographics, % land by state, Emma Gatewood, # miles, press coverage, harassment, Shenandoh, displacements, visit data, Tribal/Indig data, # of tribes, rights movements, plants on trail, black thru-hikers
What my initial planning looks like.

But what about the narrative?

So I got some data. It wasn’t necessarily nine datasets for each of the quilt blocks but it was enough to get started. I figured I could get started on the design and then see how much more I needed, especially since some of my themes were hard to quantify in data. But as I started thinking about the layout of the quilt itself I realized I didn’t know how I wanted people to “read” the quilt.

Would it be left to right and top down like how we read text (in English)?

A box divided into 9 squares numbered from left to write and top to bottom:  
1, 2, 3  
4, 5, 6  
7, 8, 9

Or in a more boustrophedon style, like how a river flows in a continuous line?

A box divided into 9 squares numbered from left to write and top to bottom: 1, 2, 3; 6, 5, 4; 7, 8, 9

Or should I make it so it can be read in any order and so the narrative makes sense with all of its surrounding blocks? But that would make it hard to have a companion zine that was similarly free-flowing.

So instead, I started to think more about quilts and ways narrative could lend itself to some traditional layouts. I played with the idea of making a large log cabin quilt. Log cabin patterns create a sort of spiral, they are built starting with the center with pieces added to the outside. This is a pattern I’ve used in knitting and sewing before, but not in data physicalizations.

A log cabin quilt plan, where each additional piece builds off of the previous one.
A template for making a log cabin quilt block by Nido Quilters

What I liked most about this idea is it has a set starting point in the center, and as the blocks continue around the spiral they get larger. Narratively this let me start with a simpler “seed” of the topic and keep expanding to more nuanced visualizations that needed more space to be fully realized. The narrative gets to build in a more natural way.

A plan for log cabin quilt. The center is labeled 1, the next piece (2) is below it, 3 is to the right of it, 4 is on the top, and 5 is on the side. Each piece is double the size of the previous one (except 2, which is the same size as 1).

So while I had spent time fretting about starting with either data/the design of the visualizations, what I really needed to think through first was what is the story I am trying to tell? And how can I make the affordances of quilt design work with my narrative goals?

I make data physicalizations because it prioritizes narrative and interpretation more than the “truth” of the data, and I had lost that as I got bogged down in the details. For me, narrative is first. And I use the data and the design to support the narrative.

Time to sketch it out

This is my absolute favorite part of the whole process. I get to play with dot grid paper and all my markers, what’s not to love? Granted, I am a stationery addict at heart. So I really do look for any excuse to use all of the fun materials I have. But this is the step where I feel like I get to “play” the most. While I love sewing, once I get there I already have the design pretty settled. I am mostly following my own instructions. This is where I get to make decisions and be creative with how I approach the visualizations.

(I really find dot grid paper to be the best material to use at this stage. It gives you a structure to work with that ensures things are even, but it isn’t as dominating on a page as a full grid paper. Of course, this is just my opinion, and I love nothing more than doodling geometric patterns on dot grid paper. But using it really helps me translate dimensions to fabric and I can do my “measuring” here. For this project I am envisioning a 3 square foot quilt. The inner block. Block 1, is 12 x 12 inches, so each grid represents 3 inches.)

There is no one set way with how to approach this, this is just a documentation of how I like to do it. If this doesn’t resonate with how you like to think about your projects that is fine! Do it your own way. But I design the way I write, which is to say extremely linearly. I am not someone who can write by jumping around a document. I like to know the flow so I start in the beginning and work my way to the end.

Ultimately, for quilt design, my process looks like this:

  1. Pick the block I am working on
  2. Pick which of the data I have gathered is a good fit for the topic
  3. Think about what is the most interesting part of the data, if I could only say one thing what would that be?
  4. Are there any quilting techniques that would lend itself to the nature of the data or the topic? For example: applique, English Paper Piecing, half square triangles, or traditional quilt block designs, etc.
  5. Once I have the primary point designed, are there other parts of the data that work well narratively? And is there a design way to layer it?

For example, this block on the demographics of people who complete thru-hikes of the trail using annual surveys since 2016. (Since they didn’t do the survey 2020 - and it was the center of the grid - I made that one an average of all of the reported years using a different color to differentiate it.)

I used the idea of the nine-patch block as my starting point, although I adapted it to be a base grid of 16 (4x4) patches to better fit with the dimensions of the visualization. I used the nine-patch idea to show the percentage of the gender (white being men and green being all other answers - such as women, nonbinary, etc). If it was a 50-50 split, 8 of the patches in each grid should be white, but that is never the case. I liked using the grid because it is easy to count the patches in each one, and by trying to make symmetrical or repetitive designs it is more obvious where it isn’t balanced.

A box divided into 9 squares, with each square having its one green and white checkered pattern using the dot grid of the paper as a guide. The center square is brown and white. On top of each square is a series of horizontal or vertical lines ranging from four to nine lines.

But I also wanted to include the data on the reported race of thru-hikers. The challenge here is that it is a completely different scale. While the gender split on average is 60-40, the average percentage of non-white hikers is 6.26%. In order to not confuse the two, I decided to use a different technique to display the data, relying on stitching instead of fabric. I felt this let me use two different scales at the same time, that are related but different. I could still play with the grid to make it easy to count, and used one full line of stitching to represent 1%. Then I could easily round the data to the nearest .25% using the grid as a guide. So the more lines in each section, the more non-white thru-hikers there were.

My last step, once I have completed a draft of the design, is to ask myself, “is this too chart-y?” It is really hard sometimes to avoid the temptation to essentially make a bar chart in fabric, so I like to challenge myself to see if there is a way I can move away from more traditional chart styles. Now, one of my blocks is essentially a bar chart, but since it was the only one and it really successfully highlighted the point I was making I decided to keep it.

A collection of designs using the log cabin layout made with a collection of muted highlighters. There are some pencil annotations next to the sketchesThese are not the final colors that I will be using. They will probably all be changed once I dye the fabric and know what I am working with.

Next steps

Now, the design isn’t final. Choosing colors is a big part of the look of the quilt, so my next step is dyeing my fabric! I am hoping to have a blogpost about the process of dyeing raw silk with plant-based dyes by the end of February. (I need deadlines, this will force me to get that done…) Once I have all of those colors I can return to the design and decide which colors will go where. More on that later. In the meantime let me know if you have any questions about this process! Happy to do a follow-up post as needed.

🧵Data Physicalization Resources

2024年10月3日 12:00

Claudia Berger maintains a Zotero “physical data viz” group library containing nearly 100 articles, datasets, and other relevant reads.

I added several items to that library this past week, and wanted to capture my Bluesky thread about them for the blog:

Personal stress data as commentary on stress-impacted health issues

Laurie Frick’s “Stress Inventory” uses leather discs on stretched linen, piled and colored to record daily irritation levels & highlight stress’ contribution to chronic health issues. (HT Laura Miller)

Photos of Laurie Fricks' data art "Stress Inventory", showing piled of colored leather discs on stretched linen with a legend to explain what colors and disc sizes means about the irritation levels they record

Weaving data analysis of speculative fiction

Quinn Dombrowski’s “The Locked Loom 1: Gideon the Ninth” discusses a weaving text visualization and analysis based on elements of everyone’s favorite “lesbian necromancers in space” fantasy novel (the Locked Tomb Series; highly recommend, it is not silly/pulp despite that being a fitting descriptor, but rather epic, page-turning speculative fiction/sci fi).

Baking data-displaying cakes for climate change advocacy

An interview with “baker-turned-glacier guide” Rose Mcadoo on her “Cakes for Climate Change” combating climate demise through educational cakes and desserts that explain the natural processes behind glaciology and climate change.

Workflow for turning ambient audio data into 3D prints

Audrey Desjardins’ and Timea Tihanyi’s “ListeningCups: A Case of Data Tactility & Data Stories” documents a workflow for capturing data, creating 3D printed porcelain cups embedded with datasets of everyday ambient sounds; and shares reflections around experiences such as “data accidents” (HT Beth Mitchell)

Reflections from installing a data physicalization exhibit

Claudia Berger and Chris Alen Sula’s piece on lessons learned from installing a data physicalization of a HASTAC conference’s metadata, published in Nightingale (the journal of the Data Visualization Society).

Building data intended for (sometimes physical) art

“Datasets as Imagination” by Lisa Shroff argues for collectively built datasets shaped specifically for reuse by artists for art, including for physical data exhibits. (HT Zoe LeBlanc)

Library research guide for data physicalization

“Data Driven Creativity: Making Data Physicalizations” is a library guide by Ariel Ackerly, Sarah Reiff Conell, and Ofira Schwartz, gathering datasets, projects, and writing about data physicalizations.

(“HT” is shorthand for “hat tip”, a minimal-characters way people say “I found this link via this other person sharing it in the past; thanks to them”.)

Zine Bakery: catalog as dataset research

2024年9月16日 12:00

A catalog is also a dataset, which means because of my Zine Bakery project’s zine catalog, I’ve got a hand built, richly described, tidily organized dataset I know well. Seeing my zine catalog as a dataset opens it to my data science and digital humanities skillset, including data viz, coding, and data-based making. Below, I share some of the data-driven scholarship I’ve pursued as part of my Zine Bakery project.

Photo of Amanda Wyatt Visconti presenting virtually at the DH 2024 conferenceGiving a talk on data-driven making for the DH 2024 conference

A peek under the hood

Screenshot of just a small portion of my thematic tagging. I’ve got 134 different tags used on catalog zines (as of 9/16/2024): Screenshot of a portion of the Zine Bakery catalog, showing a variety of thematic tags including AI, anti-racism, and coding

Below, a zoomed-out screenshot of my tagging table, which does not capture the whole thing (which is about twice as wide and twice as a tall as what’s shown); and a zoomed-in view: Screenshot of a portion of the Zine Bakery catalog, showing a way-zoomed-out screenshot of a portion of the zine catalogue's underlying thematic tags to zine titles tableScreenshot of a portion of the Zine Bakery catalog, showing a zoomed-in screenshot of a portion of the zine catalogue's underlying thematic tags to zine titles table

The tags are just one of many fields (78 total fields per zine, as of 9/16/2024) in my database: Screenshot of a portion of the Zine Bakery catalog, showing several titles of zines

I’m able to easily pull out stats from the catalog, such as the average zine length in my collection being 27 pages (and shortest, longest zine lengths):

Screenshot of a portion of the Zine Bakery catalog, showing average zine length is 27 pages long, longest zine is 164 pages long, and shortest zine length is 4 pages long

Data-driven making research

My Spring 2024 peer-reviewed article “Book Adjacent: Database & Makerspace Prototypes Repairing Book-Centric Citation Bias in DH Working Libraries” discusses the relational database I built underlying the Zine Bakery project, as well as 3 makerspace prototypes I’ve built or am building based on this data.

One of those projects was a card deck and case of themed zine reads, with each card displaying a zine title, creators, and QR code linking to free reading of the zine online: Example themed reading card deck, prepared for the ACH 2023 conference's #DHmakes (digital humanities making) session. An open plastic playing card case holds a playing-card-style card with information about the "#DHMakes at #ACH2023" project governing the readings chosen for inclusion in the deck; next to the case is a fanned-out pile of playing-card-style cards showing tech, GLAM, and social justice zine titles such as "Kult of the Cyber Witch #1" and "Handbook for the Activist Archivist"; on the top of the fanned pile you can see a whole card. The whole card is white with black text; the title "Design Justice for Action" is in large print at the top of the card, followed by a list of the zine's creators (Design Justice Network, Sasha Costanza-Chock, Una Lee, Victoria Barnett, Taylor Stewart), the hashtags "#DHMakes #ACH2023, and a black square QR code (which links to an online version of that zine).

Photo of a fake, adult-size skeleton (Dr. Cheese Bones) wearing the ACH 2023 #DHMakes crew's collaborative DH making vest, which boasts a variety of neat small making projects such as a data visualization quilt patch and felted conference name letters. One of my themed reading card decks is visible half-tucked into its vest pocket. Photo and Dr. Bones appearance by Quinn Dombrowski.

My online zine quilt dataviz will eventually be an offline actual quilt, printed on fabric with additional sewn features that visualize some of the collection’s data: Screenshot of a digital grid of photos of zine front covers; it's very colorful, and around 200 zine covers are shown

The dataset is also fueling design plans for a public interactive exhibit, with a reading preferences quiz that results in a receipt-style printout zine reading list: My sketches and notes planning the layout of the Mini Book List Printer's acrylic case. A photo of a spiral-bound sketchbook, white paper with black ink. The page is full of notes and drawings, including sketches of a simplified Mac Classic-style computer case, as well as the various pieces of acrylic that would need to be cut to assemble the case and their dimensions. The notes contain ideas about how to assemble the case (e.g. does it need air holes?), supplies I needed to procure for the project, and note working out how to cut and adhere various case piece edges to achieve the desired final case dimensions.

Author's sketch of what the final Mini Book List printer should look like. A rough drawing in black ink on white paper, of a computer shaped like a simplified retro Mac (very cubic/boxy); the computer screen reads "We think you'll enjoy these reads:" followed by squiggles to suggest a list of suggested reads; from the computer's floppy drive hole comes paper receipt tape with squiggles listed on it to suggest a reading recommendation list printout on receipt-width paper. There are sparkly lines drawn around the receipt paper, with an annotation stating these denote "magic" rather than light, as there are no LEDs in this project.

I’m also experimenting with ways to put digital-only zines visibly on physical shelves: Photo of materials for the Ghost Books project artfully arranged on a floor, including a swirl of blue LEDs with silicone diffusion making them look like neon lights, superglue, acrylic and glass cut to size to be assembled into a rectangular-prism/book shape with smoothe or crenellated edges, and one of the books I'm basing the initial prototype on (10 PRINT) because of it's interesting blue and white patterned cover.

Zine Bakery: research roadmap

2024年8月18日 12:00

Some future work I’m planning for my Zine Bakery project researching, collecting, and amplifying zines at the intersections of tech, social justice, and culture.

Critical collecting

  • Ethical practices charter: how do I collect and research?
    • Finish drafting my post on ethics-related choices in my project, such as
      • not re-hosting zines without creator informed, explicit consent, so that catalogue users use zine creator’s versions and see their website; and
      • taking extra care around whether zines created for classes gave consent outside of any implicit pressures related to grades or the teacher serving as a future job reference
    • Read the Zine Librarians Code of Ethics in full, and modify my charter wit citations to their excellent project.
  • Collecting rationale: why do I collect, and what do I/don’t I collect?

  • ID areas I need to collect more actively, for Zine Bakery @ Scholars’ Lab goals of a welcoming, diverse collection reflecting SLab’s values and our audience

  • Contact zine creators: I already don’t display, link, etc. zines creators don’t positively indicate they want people to. But I could also contact creators to see if they want something added/edited in the catalogue, or if their preferences on replication have changed since they published the zine; and just to let them know about the project as an example of something citing their work.

  • Accessibility:
    • Improve zine cover image alt text, so rather than title and creators, it also includes a description of important visual aspects of the cover such as color, typography, illustration, general effect. Retry Google Vision AI, write manually, or look at existing efforts to markup (e.g. comics TEI) and/or extrapolate image descriptions.
    • Look into screen-reading experience of catalogue. Can I make a version (even if it requires scheduled manual exports that I can format and display on my website) that is more browsable?
    • Run website checks for visual, navigational, etc. accessibility

Data, website, coding

  • Better reader view:
    • Create a more catalogue-page-like interface for items
    • Make them directly linkable so when I post or tweet about a zine, I can link people directly to its metadata page
  • Self-hosted data and interface: explore getting off AirTable, or keeping it as a backend and doing regular exports to reader and personal collecting interfaces I host myself, using data formats + Jekyll

  • Make metadata more wieldly for my editing:
    • I wish there were a way to collapse or style multiple fields/columns into sections/sets.
    • I might be able to hackily do this (all-caps for umbrella field for a section? emojis?); or
    • Using an extension allowing styling view (unsure if these are friendly for bulk-editing);
    • the self-hosted options mentioned above might let me better handle this (use or make my own, better viewing interface)
  • Crosswalk my metadata to xZINECOREx metadata?: so is interoperable with the Zine Union Catalogue and other metadata schema users

  • File renaming:
    • I started with a filename scheme using the first two words of a zine title, followed by a hyphen, then the first creator’s name (and “EtAl” if other creators exist)
      • I quickly switched to full titles, as this lets me convert them into alt text for my zine quilt
      • I need to go back and regularize this for PDFs, full-size cover images, and quilt-sized cover images.
  • Link cover images to zine metadata (or free e-reading link, if any?) from zine quilt vis

Metadata & cataloguing

  • Create personal blurbs for all zines that don’t have one written by me yet

  • Further research collected zines so I can fill in blank fields, such as publication date and location for all zines

Community

  • Explore setting up for better availability to the Zine Union Catalogue, if my project fits their goals

  • Further refine logo/graphics:
    • finish design work
    • create stickers to hand out, make myself some tshirts :D
  • Learn more about and/or get involved with some of the
    • cool zine librarian (Code of Ethics, ZLUC, visit zine library collections & archives) and
    • zine fest (e.g. Charlottesville Zine Fest, WTJU zine library) efforts

Research & publication

  • Publication:
  • More visualization or analysis of metadata fields, e.g.
    • timeline of publication
    • heatmap of publication locations
    • comparison of fonts or serif vs. sans serif fonts in zines
  • Digital zine quilt: play with look of the zine quilt further:
    • Add way to filter/sort covers?
    • Add CSS to make it look more quilt-like, e.g. color stiching between covers?

Making

  • Thermal mini-receipt printer:
    • Complete reads/zines recommendation digital quiz and mini-receipt recommendation printout kiosk.
    • Possibly make a version where the paper spools out of the bread holes of a vintage toaster, to go with the Zine Bakery theme?
    • Thanks to Shane Lin for suggesting a followup: possibly create version that allows printing subset of zines (those allowing it, and with print and post-print settings that are congenial to some kind of push-button, zine-gets-printed setup.
  • Real-quilt zine quilt: Print a SLab-friendly subset of zine covers as a physical quilt (on posterboard; then on actual fabric, adding quilt backing and stitching between covers?)

  • More zine card decks: create a few more themed subsets of the collection, and print more card decks like my initial zine card deck

Data Visualization: On and Off the Screen

作者Mac Scott
2018年10月4日 00:33
It’s easy to consider digital rhetoric and writing in terms of always-advancing computer technologies. This isn’t inaccurate, and keeping our fingers on the pulse regarding the rhetorical affordances of new software makes for innovative digital writing, research, and pedagogy. At the same time, however, it’s helpful to remember that digital rhetoric is more than what’s […]

Accessible Data Visualizations

2018年1月3日 23:18
Are you reading this blog post from computer screen or an screen reader? Did you need to adjust the font or text size, screen brightness, or filter the interface through a browser extension or rely on an app like Accessibility to access this information? In her entry on “Access” in Keywords for Disability Studies, Bess Williamson […]

When Data Visualization Goes Wrong and Numbers Mislead

2017年12月29日 22:34
Source image: The Most Misleading Charts of 2015 Fixed on Quartz To some students and readers, one of the rhetorical effects of data visualization is that the mere presence of a pie chart, graph, or timeline on a page confers “legitimacy” to an argument. At worse, this gesture attempts to obfuscate weak evidence. At best, […]

Visualizing Data with Google Maps

2016年11月4日 21:00
[cs_content][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][cs_text class=”cs-ta-center”]Visualization: Sierra Mendez. Text: Amy Tuttle.[/cs_text][cs_text]It’s hard to believe that at one time, map ownership was a privilege reserved for the wealthiest members of a society. But thanks to modern surveying techniques and satellite systems, highly […]

Getting started with data visualization by Houda Lamqaddam

2023年5月19日 16:13

During her time as postdoctoral researcher at the Faculty of Arts, Houda Lamqaddam prepared introductory materials for data visualization. You can find them on the DH@rts website. Have fun exploring these materials!

A short description of the material by Houda herself: 

Introduction to information visualization techniques for humanistic scholarship

🔗 https://zenodo.org/record/7734200: This series is an introduction to the fundamentals of information visualization, particularly as it concerns humanistic scholarship. The series consists of four chapters that cover the following topics: (1) Why visualize?, (2) Getting to data, (3) Choosing and creating a visualization, and (4) Do’s and don’ts of designing data visualizations.  In each chapter, we define fundamental concepts, share examples, simple tips, and additional resources for more in-depth explorations.

Tableau Tutorial

🔗 https://zenodo.org/record/7733937: In this tutorial, we see how we can use the tool Tableau to create visualizations going from simple line charts to complex dashboards. We use a step-by-step approach, starting from uploading and formatting the data to creating linked dashboards. We also provide additional links to external resources and forums that can help you build your Tableau knowledge.

Observable notebook 

🔗 https://observablehq.com/d/7827a6a46922e25a: This interactive Observable notebook shows you how you can use a live notebook and Javascript code to develop simple – yet powerful – visualizations of your data. You can run each cell in the notebook, or create your own account to develop custom visualizations that best support your research needs. 

 

❌