Please enable JavaScript.

Coggle requires JavaScript to display documents.

FB Renderer Interaction (data coming through [ ['PROD',…

FB Renderer
Interaction

data coming through

[
    ['PROD', 'ORG', 'YEAR', 'DL', 'WV'],
    ['FC', 'India', '2010', 2000, 2500],
    ['FT', 'India', '2010', 2500, 3500],
    ['FC', 'USA', '2010', 4500, 5500],
    ['FT', 'USA', '2010', 6000, 6500],
    ['FC', 'India', '2011', 2000, 2500],
    ['FT', 'India', '2011', 2500, 3500],
    ['FC', 'USA', '2011', 4500, 5500],
    ['FT', 'USA', '2010', 6000, 6500]
]

Fed into renderer

Facet by ORG.<Dimension>

VG manages
all the facet unit

[
    [PROD', 'YEAR', 'DL', WV'],
    ['FC', '2010', '2000', '2500'],
    ['FT', '2010', '2500', '3500'],
    ['FC', '2011', '2000', '2500'],
    ['FT', '2011', '2500', '3500'],
]

VU for India

- - - - 3 more items...
  - - - 3 more items...

[
    ['PROD', 'YEAR', 'DL', WV'],
    ['FC', '2010', '4500', '5500'], 
    ['FT', '2010', '6000', '6500'], 
    ['FC', '2011', '4500', '5500'],
    ['FT', '2011', '6000', '6500']
]

VU for USA

Behavioural

Interaction as
microservice

{ 
    action: 'highlight', 
    key:  {
        product: 'FC',
        origin: 'India',
        year: 2010
    } ,
    predicate: () => true,
    payload: {
        config: { /* config */ }
    }
}

- - - - :zap:
        populate
        populate the criteria for current layer
        DL.<Measure>
        ['PRODUCT', 'YEAR', 'DL']
        
        :zap:
        mouseevent
        take the underlaying data
        data.x and data.y
        { 'x': ..., 'y': ... }
        
        :zap:
        
        :zap:
        mouseevent
        
        :zap:
      - :zap:
        Similar to upper half