d3-workshop

D3 Workshop - Update, Transition and Motion

utils - Dokumentation

Eigenschaften / Properties

    chartMargins: {
        top: 20,
        left: 20,
        bottom: 20,
        right: 20,
    },
    colors: {
        red: '#ff0000',
        green: '#00ff00',
        blue: '#0000ff',
        organe: '#ff8800',
        gold: '#FFD700',
        pink: '#e6007e',
    },
    staticDataset: array of 100 numbers
    svgWidth: number // 90% of window width,
    svgHeight: number // 80% of window width,

Funktionen / Functions

getRandomDataset(): returns a new array of 50-150 numbers.

getRandomValue(): returns a random value.

mapToObject(value, index): map function to convert a number array into an object array.