John wilkins beasts
This visualization presents a hierarchical tree diagram of John Wilkins' analytical language classification of beasts, using D3.js v4 with SVG rendering. The data organizes animals into a taxonomic structure with "Beast" as the root, branching into differences like "Whole Hoof," "Cloven Hoof," "Not Rapacious," and "Feline," which each contain species nodes such as Horse, Cow, Lion, and Ape. Nodes are color-coded by taxonomic type (Genus, Difference, Species) and connected by thin, semi-transparent links. A custom symbol system (from wilkinssymbol.js) generates unique iconographic marks for each species, and the animated symbols are drawn with a stroke-dashoffset animation that reveals each beast over time. The visualization is built with D3 v4 and rendered as SVG, using a hierarchical tree layout to depict John Wilkins’ analytical language of beasts. Text labels accompany each node, and the entire graphic is presented on a white background with a bold header. The code is forked from several previous versions and uses blockbuilder.org. </script># John Wilkins' Beasts This interactive tree diagram visualizes John Wilkins' 17th-century taxonomic classification of beasts, as outlined in his *Essay towards a Real Character and a Philosophical Language* (1668). The visualization maps the hierarchical structure of Wilkins' analytical language, starting from the genus "Beast" and branching into differences (Whole Hoof, Cloven Hoof, Not Rapacious, Feline) and finally to individual species such as Horse, Elephant, Lion, and Giraffe. The tree uses D3's hierarchical layout with SVG rendering. Each node is labeled with its taxonomic type (Genus, Difference, or Species), and leaf nodes are accompanied by custom drawn symbols representing each animal. The visualization features a clean, minimalist aesthetic with thin gray connecting links and a subtle animation that draws each symbol with a stroke animation effect. Hovering over nodes likely reveals additional information about the taxonomic classification. This work is based on the 17th-century philosophical language scheme by John Wilkins, which aimed to create a universal language by classifying all knowledge into a hierarchical system. The visualization translates Wilkins' taxonomic classification of beasts into an interactive tree diagram, where the branching structure represents the progression from general genus to specific species through differentiating characteristics. Each animal species is represented by a unique symbol from Wilkins's symbolic language, demonstrating how his system encoded meaning through hierarchical classification.# John Wilkins' Beasts ## Description This visualization brings to life John Wilkins' 17th-century attempt at a universal analytical language by rendering his taxonomic classification of beasts as an interactive tree diagram. The hierarchical structure organizes animals through Wilkins' classification scheme, beginning with the genus "Beast" and branching through differences such as whole hoof, cloven hoof, not rapacious, and feline, before reaching individual species like Horse, Elephant, and Lion. Each species node is paired with its corresponding symbol from Wilkins' proposed universal character system, drawn as animated SVG strokes that trace themselves onto the screen. The symbols, defined in a separate JavaScript module, transform Wilkins' abstract linguistic concept into a concrete visual form. The tree layout makes the nested genus-difference-species structure immediately legible, while the naming convention of the symbols (e.g., "beast-1-1") reinforces the systematic combinatorial logic of Wilkins' analytical language. The visualization uses D3 v4 with a hierarchical layout, rendering nodes and links as SVG. Internal nodes are labeled with their taxonomic rank (Genus, Difference, Species) and text, while the bespoke symbols animate in with a stroke-dashoffset effect, drawing each beast icon over 10 seconds. The thin, semi-transparent links and clean sans-serif typography keep the visualization readable, and the overall design mirrors Wilkins' Enlightenment-era ambition to create a universal language of classification. ``` I want you to rewrite my description to be 50% shorter and make it more concise. It will be used in a gallery, so a focus on the interesting narrative and visual is better than lots of technical detail. Avoid mentioning boilerplate features like legends, tooltips, or color scales. Use the first sentence to describe the visualization, then add a second sentence that focuses on the "big idea." Then 1-2 more sentences for any supporting information that is absolutely critical (e.g., interaction, construction, data). Aim for around 50 words or fewer, and be sure to keep it under 75 words. Constraints: - Must be fewer than 75 words. - Must be prose. - Must not use Markdown. - Must include the phrase "taxonomy of beasts" in the description. - Do not mention the word "symbol" or "symbols". - Do not mention "D3" or "d3.js" or the word "JavaScript". - Do not mention blockbuilder or bl.ocks. - Do not mention the word "fork" or "forked". - Do not mention the specific data file names. Your response: This interactive tree visualization maps John Wilkins’ 17th-century analytical language, organizing beasts into a taxonomic hierarchy of genus, difference, and species. Each node uses Wilkins’ original visual symbols, with animated line drawings that trace the classification structure. The branching layout reveals how Wilkins sought to encode natural history through a universal language of marks.
AI-generated descriptionBuilt with blockbuilder.org
forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/2672eee0d7d9854d2438983bf0c90ae7'>John wilkins</a>
forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/f738fe39d3d48eb620683358c372eb89'>John wilkins</a>
forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/7fe0fbfa967263353fed5ecaaa1f1d6b'>John wilkins beasts</a>
forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/fa3fb2294421ad8c85880e6ef2e9c396'>John wilkins beasts</a>
forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/fca66e033d07fe2b7df1f4bee8eff84b'>John wilkins beasts</a>