Points bloom onto a plane in coloured groups.

$npx kinetograph add scatter-bloom
Source

The camera then tips and orbits to show their heights.

Props

Every prop has a default, so the component renders as it is. Change any of them in Studio or in code.

  • eyebrow

    string = "Dashboard · Render performance"

    Small line over the title.

  • title

    string = "Time to first frame"

    The chart title.

  • subtitle

    string = "Seconds per scene, by week"

    Small line under the title.

  • weeks

    list

    The five x labels, left to right.

  • columns

    list

    Table header cells.

  • rows

    list

    Table rows.

  • points

    integer = 1300

    How many points bloom onto the plane.

  • seed

    integer = 7

    Seed of the cloud.

  • early

    number

    Share of the points that arrive long before their turn.

  • accent

    colour = "#4a62e0"

    One end of the colour ramp of the points.

  • accentB

    colour = "#b43ea2"

    The other end.

  • ground

    colour = "#faf9f5"

    Background.

  • bloomSeconds

    number = 3.1

    Seconds the points take to arrive.

  • holdSeconds

    number = 0

    Extra seconds to hold the last frame.

Compositions

  • ScatterBloom