Home

#IGViz
Interactive Generic Visualization library(IGViz) is a wrapper around powerful vega.js library. It makes charting easy by adding required boilerplate code so that developers/designers can get started in few minutes.

---

##D3 , Vega vs IGViz

D3 provides more flexiblity as it is a generic SVG manipulation framework , Only down side with D3 is it needs more coding. On the other hand Vega.js provides more user friendly visualization grammar which can be used to express the developer's requirement in a declarative manner while it is more towards the chart designing rather than generic svg designing library. Again the down side is it needs bit more time to understand the grammer and need many configurations to setup in real use cases.

IGViz on the other hand is a wrapper around Vega.js and it has pre defined chart templates (Bar chart, Line chart, Area chart...) which are defined using Vega.js . By providing bare minimum configurations (xAxis,yAxis,width,height,type), users can draw their own visualization through a simpeler API. The Input data should be in a tabular json format .

---

Documentation

IGViz Documentation

• Data Table - Input Data Format.
• Chart Config - Chart Configuraton JSON.
• Basic API - Basic API provides default visual behaviour with bare-minimal configurations.
• How to choose types -
• Customizations -
  • Dimension -
  • Axis Configurations -
  • Title Configurations -
• Real-time Update -
• Responsiveness -
• Sample Charts
  • Bar Charts -
  • Line Charts -
  • Are Charts -
  • Scatter Charts -
  • Multi Series Line Charts -
  • Multi Series Area Charts -
  • Discrete Time Series -
  • Grouped Bar Chart -
  • Stacked Bar Chart -
  • Stacked Area Chart -
  • Drill-Down -

---

Tutorial

How to create a dynamically updating Bar chart

---

Samples Site

dunithd.github.io/igviz/samples/index.html

---