JSFoo 2019

Annual conference of 800+ front-end, backend and fullstack engineers

Participate micPropose a session

Generating comics with JS

Submitted by Anand S (@sanand0) on Saturday, 13 April 2019

videocam
Preview video

Section: Crisp talk (20 mins) Technical level: Intermediate

Vote on this proposal

Login to vote

Total votes:  +6

Abstract

What does it take to create a FontAwesome equivalent for comics?

We love comics. We badly wanted to create comic strips. But there was one problem. Some of us can’t draw a straight line for nuts. But we wanted to express our data visualizations by evoking emotions – in the form of comics. So we created a JavaScript utility for that instead.

  • How we broke down comic characters into structured components (and how you can break down arbitrary images similarly in JS)
  • How to draw and compose these images using data
  • How to handle problems with static content and async loaoding on CDNs

Intended audience:

  • JS developers who want to include comics in their pages
  • JS developers who want to understand gotchas in library packaging

Outline

Why do we need to bother with comics?

Sample static content

How can we control comic content using data analysis

Sample GIF

How we built a library to automate this

Library screenshot

Requirements

None

Speaker bio

Anand is a co-founder of Gramener, a company that narrates insights as data stories.

Anand is design-impaired. So he had to automate designs to make them work. He’s also artistically impaired, and therefore has to automate comics to draw them

Links

Preview video

https://youtu.be/7PUQbaNh_dE

Comments

Login with Twitter or Google to leave a comment