VR SCHOOL ONLINE
  • Courses
  • Meta Campus
  • Log In
  • Join Free
  • Home
  • Courses

Artificial Intelligence Design and Development A — Machine Learning, Media and the Human Body (California)

Curriculum

  • 4 Sections
  • 20 Lessons
  • Lifetime
Expand all sectionsCollapse all sections
  • Unit 1: How Machines Learn: Making AI Visible
    5
    • 1.1
      Explaining the Invisible: Designers Who Made Data Visible
      50 mins
    • 1.2
      Sorting by Features: Training a Classifier by Hand
      100 mins
    • 1.3
      Critiquing AI Explainers: Accuracy, Clarity and Hype
      50 mins
    • 1.4
      Designing the Explainer: Hierarchy, Sequence and Storyboard
      100 mins
    • 1.5
      Portfolio Task — How a Machine Learns: Explainer and Storyboard
      200 mins
  • Unit 2: Human-Centered AI: History, Ethics and Authorship
    5
    • 2.1
      Drawing Time: Timeline Design and the History of AI
      50 mins
    • 2.2
      Verified Event Cards: Building a Physical Timeline Storyboard
      100 mins
    • 2.3
      Who Is Responsible? Bias and Human-Centered AI in Medicine
      100 mins
    • 2.4
      Authorship and AI Imagery: Making the Presentation Yours
      150 mins
    • 2.5
      Portfolio Task — The Evolution of a Healthcare AI Innovation
      200 mins
  • Unit 3: Drawing the Body: The Eleven Organ Systems
    5
    • 3.1
      Art and Anatomy: Five Centuries of Seeing Inside the Body
      50 mins
    • 3.2
      Sculpting a System: Modeling Structure and Function
      100 mins
    • 3.3
      Clinician and Patient: Role-Play and the Critique of Health Communication
      100 mins
    • 3.4
      Illustrating a Condition: Panels for One Body System
      150 mins
    • 3.5
      Portfolio Task — The Body Atlas Exhibition
      200 mins
  • Unit 4: Signals and Diagnosis: Visualizing Vital Signs and Medical Data
    5
    • 4.1
      Data Portraits: Du Bois, Einthoven and the Art of the Signal
      50 mins
    • 4.2
      Pulse to Pixels: Coding a Heart-Rate Visualization
      100 mins
    • 4.3
      Who Sees Your Data? Medical Records, Genetics and HIPAA
      50 mins
    • 4.4
      Imaging the Invisible: Designing a Patient Brochure
      150 mins
    • 4.5
      Portfolio Task — Reading the Body’s Signals
      200 mins

Explaining the Invisible: Designers Who Made Data Visible

Unit 1  ·  Artist Study & Inspiration  ·  Lesson 1 of 20

Explaining the Invisible: Designers Who Made Data Visible

MA:Re7.HSIAIDESA-CA
By the end of this lesson I can…

analyze how three historical information designers turned complex data into readable images, and explain what the terms narrow AI, artificial general intelligence and superintelligence mean.

Instruction

This course asks you to make art that explains artificial intelligence and medicine. That is hard, because the most important parts of both are invisible: a model’s statistics, a patient’s blood pressure, the flow of data through a hospital. Designers have faced this problem for a long time, and they have left us methods.

Florence Nightingale (1858). Nightingale is remembered as a nurse, but she was also a statistician. After the Crimean War she published polar-area diagrams showing, month by month, how many British soldiers died of wounds and how many died of preventable diseases in the army hospitals. Each month is a wedge; the area of each colored segment shows the number of deaths. The design decision was the argument: the disease segments are so much larger than the wound segments that a reader sees at once that sanitation, not battle, was the main killer. She was designing to change policy.

Charles Joseph Minard (1869). Minard’s map of Napoleon’s 1812 campaign into Russia draws the army as a band whose width is the number of soldiers. The band narrows as it moves toward Moscow and shrinks further on the retreat, with a temperature line beneath it. One image carries size, place, direction, time and temperature.

Otto Neurath and Isotype (1920s-1930s). Working in Vienna with the designer Gerd Arntz and with Marie Neurath, Neurath built a system of simple, repeatable pictograms in which one symbol always stands for a fixed quantity. Instead of one big figure for a big number, you see more figures. The rule makes comparisons honest and readable across languages.

Three moves to borrow. First, encoding: each visual variable (length, area, color, position) stands for one piece of data, consistently. Second, hierarchy: the most important comparison is the most visible thing on the page. Third, sequence: the reader’s eye is led through the explanation in order.

What do we mean by AI? You will explain AI to others, so you need precise words. Narrow AI performs a specific task, such as flagging a possible diabetic eye disease in a retinal photograph, transcribing speech or recommending a video. Every AI system in use today, in medicine or anywhere else, is narrow. Artificial general intelligence (AGI) is a hypothetical system that could learn and perform the wide range of intellectual tasks a person can. Researchers disagree sharply about whether and when it could be built. Superintelligence is a further hypothetical: a system far beyond human ability in nearly every domain, discussed by philosophers such as Nick Bostrom. When a headline says a product is “thinking”, ask which of these it means. The honest answer is almost always a narrow system doing one task well under particular conditions.

Why this matters for design. Images of glowing brains and humanoid robots suggest AGI when the product is a narrow classifier. Nightingale persuaded by showing the data honestly. Your first responsibility as a designer of AI media is the same: make the reader see what the system actually does.

Vocabulary in context

  • narrow AI — An AI system built for one specific task or a small set of related tasks; all current AI systems are narrow.
  • artificial general intelligence (AGI) — A hypothetical system able to learn and perform the full range of intellectual tasks a person can; it does not exist.
  • superintelligence — A hypothetical system that would greatly exceed human ability in nearly every domain.
  • visual encoding — The rule by which a visual property such as length, area, color or position stands for a data value.
  • visual hierarchy — The ordering of elements by visual weight so the most important information is seen first.

Formative check

Work through these before moving on. They are not graded — they tell you, and your teacher, whether the standard below has landed yet.

+50 XP

In Nightingale’s polar-area diagram, what carries the main argument?

The comparison of areas is the argument: preventable disease killed far more soldiers than wounds.
Myth or Fact?

A hospital tool that flags possible diabetic eye disease in retinal photographs is an example of artificial general intelligence.

It performs one specific task, so it is narrow AI. AGI is hypothetical.
Flashcard

Narrow AI

Tap to reveal
Answer

One task, such as flagging a retinal image; all AI in use today

Flashcard

AGI

Tap to reveal
Answer

Hypothetical general learner across tasks

Flashcard

Superintelligence

Tap to reveal
Answer

Hypothetical system far beyond humans in almost every domain

Flashcard

Encoding

Tap to reveal
Answer

Each visual variable consistently stands for one data value

Flashcard

Isotype rule

Tap to reveal
Answer

One symbol always stands for the same quantity

Choose Nightingale, Minard or Neurath. In 5-7 sentences, explain which design decision carries the argument of the work and how you could borrow that decision to explain something about AI in medicine.

0 words
Quick self-check

How confident are you that you can analyze how historical designers made complex data readable, and define narrow AI, AGI and superintelligence accurately?

Not yetVery confident

CA Arts Standards (Media Arts) and CCSS literacy standards addressed: MA:Re7.HSI, MA:Cn10.HSI, MA:Re8.HSI, RST.11-12.7, RST.11-12.4

UC A-G Area F pillar: Analysis of explanatory media works in historical context

Up NextComplete & Continue →

Leave a Reply Cancel reply

Sorting by Features: Training a Classifier by Hand
Next

© 2026 VR School Online | Content by Wiley | Powered by Sejal Learning Systems.

Privacy Policy · Terms of Service

Modal title

Main Content