Skip to content

Component Organization

Akshay Verma edited this page May 20, 2017 · 1 revision

Levels of Components -

  • Top Level - LeftSideBar, MainViewComponent, IndexComponent.
  • Sub Hierarchies -
    • LeftSideBar - Tabs, Tab, SubIndicators, Content, TabsPanel
    • MainViewComponent - Choropleth, GraphComponent, RightSideBar

Flow of Data(Abstract)

The first point of selection are the sector list which are in form of drop down menu. Each drop down menu contains a sub-list of 5 indicator. Each indicator link passes two parameter to the MainViewComponent - sector name and indicator name. Based on the these two parameters the right object in the data array is found. Related data are stored as states on the MainViewComponent. These states are passed as props for the Visualization Component. Depending on these props, the visualization component perform search and munging in the consumable format. The components also computes the data again based upon selection of other parameters like Fiscal Year and Budget Attribute.

Clone this wiki locally