In this post, we talk about using various third party Chart APIs to display a trend graph on any SharePoint site (or a blog). These graphs delivers a quick summary of the vulnerabilities identified during various security assessments. This can be embedded in a Security SharePoint portal or a dashboard which will be accessed by clients/higher management.
For applications that are assessed at the end of every release cycle (version change), from this graph, one can visualize the trend of vulnerability detection. Here severity scale – Critical, High, Medium & Low (Info) is also displayed in the graph.
We will have a look at 2 charting APIs to achieve this – Google Charts and Highcharts
Using Google Charts
By using Google Charts API, we try to embed the following chart on our SharePoint site. Once the code is embedded, user can hover over the data points to get its value and other information.
There are various obvious reasons for choosing a chart API over a static image inserted into the site.
- Its easy to update. Just need to change the values in the embed code.
- Less cluttered. As you can see, values of the data points are not displayed in the chart. If anyone needs to know the value, he/she just has to hover over any column.
- This can later be programmed to update itself from the data available in any SharePoint list.



















