Cayley Graphs and Pretty Things
The article discusses the implementation of Cayley graphs using JavaScript and the Three.js library. It outlines the process of fetching data, initializing plots, and creating interactive visualizations. The focus is on how to represent mathematical groups graphically and the functionality of the plotting tool.
- ▪The article provides a detailed implementation of Cayley graphs using JavaScript.
- ▪It describes how to fetch group data and initialize 3D plots.
- ▪The tool allows for interactive visualizations of mathematical groups.
Opening excerpt (first ~120 words) tap to expand
{ "imports": { "three": "https://unpkg.com/three/build/three.module.js" } } .cayley-uwu { border: 2px solid rgb(1, 253, 198); box-sizing: border-box; } .cayley-container { padding-top: 1em; padding-bottom: 1em; display: flex; align-items: center; justify-content: center; } .graph-info-msg { top: 0.5em !important; color: white !important; opacity: 1 !important; font-family: victormono !important; font-size: 1.1em !important; } import { Group, Matrix, Rational } from "https://juliapoo.github.io/Cayley-Graph-Plotting/ts/cayley.js"; const DATAURL = [ fetch("https://juliapoo.github.io/Cayley-Graph-Plotting/rsrc/grouplisting.json"), fetch("https://juliapoo.github.io/Cayley-Graph-Plotting/rsrc/matrep.json") ]; function init_plot(dom) { const plt = ForceGraph3D({ antialias: true, alpha: true })…
Excerpt limited to ~120 words for fair-use compliance. The full article is at Github.
