juxtaposer: Development diary

A running development diary for the {juxtaposer} package, covering usethis setup, initial htmlwidgets scaffolding, and file structure decisions.
R
programming
interactive dataviz
dataviz
Published

November 8, 2019

This blogpost contains a running diary of the development of the {juxtaposer} package.

Step 1: usethis

Followed all the setup steps from {usethis} for creating a new package.

Step 2: Initial htmlwidgets setup

The htmlwidgets.org site contains instructions for setting up a htmlwidget package, but there are some missing steps. The tutorial takes us through setting up a htmlwidget for using the sigma.JS package, which involved creating the following file tree:

inst/
|-- htmlwidgets/
|   |-- sigma.js
|   |-- sigma.yaml
|   |-- lib/
|   |   |-- sigma-1.0.3/
|   |   |   |-- sigma.min.js
|   |   |   |-- plugins/
|   |   |   |   |-- sigma.parsers.gexf.min.js

It’s explained that we need sigma.parsers.gexf.min.js as the htmlwidget package will read in GEXF files, and it’s easy to find that in the sigma.js repo. But how about the sigma.min.js file? That’s not actually in the repository, we need to go and find that from elsewhere.

For the {juxtaposer} package we’re going to add the following files from the JuxtaposeJS repo:

  • juxtapose/js/juxtapose.js
  • juxtapose/css/juxtapose.css

Further diary entries will be added as development continues.