DNS resolution

No. 03 · SVG · Pneumatic tubes

A pneumatic tube dispatcher. The resolver sends a capsule up each server's tube, root, com, then example.com, each as long as its round trip, and every reply raises a flag in a cache rack until its time to live runs out.

Prompt

/anatomy explain how DNS resolves a domain name, interactive

Install

npm install anatomy-figures

In your code

import { Dns } from "anatomy-figures";

<Dns theme="light" />

Or load this figure on its own, so the others never download:

import Dns from "anatomy-figures/dns";

Theme it

Five themes (dark, light, paper, blueprint, sepia), or your own colours through tokens. Every token.

<Dns
  theme="light"
  tokens={{
    "--anatomy-card": "#ffffff",
    "--anatomy-lit": "#e5484d",
  }}
/>

Without React

import { define } from "anatomy-figures/element/dns";

define();

<anatomy-dns theme="light"></anatomy-dns>