warp view bubble

Bubble chart

type = bubble

CSS vars

• Tooltip
  • --warp-view-chart-legend-bg
  • --warp-view-chart-legend-color
• Size
  • --warp-view-chart-width
  • --warp-view-chart-height

Specific attributes

See common attributes

Events

See common events

Data format

See complex data.

Specific data format:

[
  {
    "key 1": [ [ x y size ], [ x y size ], ... ]
  },
  {
    "key 2": [ [ x y size ], [ x y size ], ... ]
  },
  ...
]

Specific complex data params

See common params

Specific options and globalParams

See common options

Name	Type	Default	Description
timeMode	string	'date'	date, timestamp

Sample

<warpview-tile
          url="https://warp.senx.io/api/v0/exec"
          responsive="true"
          type="bubble">
0 2 <% 'j' STORE
    NEWGTS 'serie' $j TOSTRING + RENAME 'gts' STORE
    0 10 <%
        'i' STORE
        $gts NOW $i STU * + NaN NaN NaN RAND ADDVALUE DROP
    %> FOR
    $gts
%> FOR 3 ->LIST 'data' STORE
{ $data <%
    'gts' STORE
    $gts VALUES 'val' STORE
    $gts NAME
    $gts TICKS <%
        'i' STORE
        't' STORE
        [
          $val $i GET // x
          $t          // y
          RAND 100 *  // size
        ]
      %> LMAP
  %> FOREACH
}
</warpview-tile>