Add image-dot-chart-from-list

[blerner]

• Update chart-lib.js to the new js-numbers configuration
• Fix a few mistakes in charts.arr where the old rawarray-based methods were not working
• Clean up redundant "type-checking" iterations in charts.arr, since the annotations are doing that in JS
• Simplify image-num-dot-chart-from-list to simply compose image-dot-chart-from-list and the image-labels method
• Same for labeled-num-dot-chart-from-list
• Add image-dot-chart-from-list, and rewrote categoricalDotChart to handle image marks accordingly.

Various examples:

include charts
include gdrive-sheets
include table
import csv as csv

animals-url = "https://docs.google.com/spreadsheets/d/1VeR2_bhpLvnRUZslmCAcSRKfZWs_5RNVujtZgEl6umA/export?format=csv"


animals-table =
  load-table: name, species, sex, age, fixed, legs, pounds, weeks
  source: csv.csv-table-url(animals-url, {
    header-row: true,
    infer-content: true
  })
end

dog-img      = text("🐶", 20, "black")
cat-img      = text("😺", 20, "black")
lizard-img   = text("🦎", 20, "black")
tarantula-img= text("🕷️", 20, "black")
snail-img    = text("🐌", 20, "black")
rabbit-img   = text("🐰", 20, "black")


fun animal-img(r): 
  if      (r["species"] == "dog"):       dog-img
  else if (r["species"] == "cat"):       cat-img
  else if (r["species"] == "tarantula"): tarantula-img
  else if (r["species"] == "lizard"):    lizard-img
  else if (r["species"] == "rabbit"):    rabbit-img
  else if (r["species"] == "snail"):     snail-img
  end
end

names   = animals-table.column("name")
ages    = animals-table.column("age")
fixeds  = animals-table.column("fixed")
species = animals-table.column("species")
images  = animals-table.all-rows().map(animal-img)

"Dot charts"
render-chart(from-list.dot-chart(species)).display()
render-chart(from-list.dot-chart(species).labels(names)).display()
render-chart(from-list.dot-chart(species).image-labels(images)).display()
render-chart(from-list.dot-chart(species).labels(names).image-labels(images)).display()
render-chart(from-list.dot-chart(fixeds.map(to-string)).labels(names).image-labels(images)).display()
render-chart(from-list.image-dot-chart(images, species)).display()
render-chart(from-list.image-dot-chart(images, species).labels(names)).display()
"Num dot charts"
render-chart(from-list.num-dot-chart(ages)).display()
render-chart(from-list.num-dot-chart(ages).labels(names)).display()
render-chart(from-list.num-dot-chart(ages).labels(names).image-labels(images)).display()
render-chart(from-list.labeled-num-dot-chart(names, ages)).display()
render-chart(from-list.labeled-num-dot-chart(names, ages).image-labels(images)).display()
"Image num dot charts"
render-chart(from-list.image-num-dot-chart(images, ages)).display()
render-chart(from-list.image-num-dot-chart(images, ages).labels(names)).display()
render-chart(from-list.image-num-dot-chart(images, ages).point-size(40).use-image-sizes(false).labels(names)).display()

[jpolitz]

These are the two images from the test I just pushed:

[jpolitz]

Probably stray debugger.

[jpolitz]

The two tests I committed + the stray debugger are the full feedback I have, otherwise looks good!