k-sav

1. cmd + shift + p > "Create New Snippet"
2. Paste the below snippet.js into the new snippet
3. Name it "Glassdoor"
4. Run it with cmd + p > "!Glassdoor"

k-sav

  
    const fetchMachine2 = Machine({
    id: 'fetch2',
    initial: 'closed',
    context: {
      retries: 0
    },
    states: {
      closed: {

k-sav

{"200": ["Australian National University","ACT",-35.280,149.120],
"221": ["Barton","ACT",-35.200,149.100],
"800": ["Darwin","NT",-12.800,130.960],
"804": ["Parap","NT",-12.430,130.840],
"810": ["Alawa","NT",-12.380,130.880],
"812": ["Anula","NT",-12.400,130.910],
"820": ["Bagot","NT",-12.410,130.860],
"829": ["Holtze","NT",-14.460,132.280],
"830": ["Yarrawonga","NT",-12.490,130.970],
"831": ["Palmerston","NT",-12.480,130.980],

k-sav

const authMachine = Machine(
  {
    id: 'authentication',
    initial: 'unauthorized',
    context: {
      errorMessage: null,
      user: null,
      email: '',
      password: '',
    },

k-sav

A box-and-whisker plot with axes. Based on Mike Bostock's implementation. Instead of using individual svg elements as in Mike's implementation, here all boxplots are rendered with in one root element. This makes it easy to add axes.

Further differences between the two implementations are:

• visibility of boxplot labels can be switched with the labels variable
• CSV files are supported in which each column is an independent variable and each row contains measurements for all variables (see data.csv)
• transitions are not used here but can be easily added again