Comics and Coding
Data Visualisation is more about inspiration than problem solving. Let me tell you why?
I was looking for some new ways to create a portfolio website that includes my findings and blogs. During that search, I comicgenhttps://questionsindataviz.com/2022/03/05/how-can-we-use-comics-to-tell-data-stories/ through a review by Neil Richards. The idea of drawing comics through code got me thinking.
Below is a small foray into world of "requires" to get the Comicgen api to work in Observable. Went searching for Inspiration, ended up with problem.. An interesting one in that.
comicy = require('comicgen@1.9.4/src/comicgen.js').catch(() => window["comicgen"])
Comicgen doesn't work with regular require. Using the require debuggerhttps://observablehq.com/@observablehq/module-require-debugger I could reach to the function that Comicgen API has exposed through Unpkg. Then I got stuck there itself.
After some more poking around the comicgenhttps://gramener.com/comicgen/ website I found that library source link used "https://gramener.com" as the base. I copied that and tried requiring that in observable.
gramener = require('https://gramener.com/comicgen/dist/comicgen.min.js')
gramener.namemap
gramener.version
gramener.base
gramener.formats
html`<g class="new" name="dee" angle="straight" emotion="happy" pose="yuhoo"></g>`
html`<g class="new1" name="ringo" angle="straight" emotion="happy" pose="yuhoo"></g>`
gramener('.new')
gramener('.new1')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
