Visualization using d3.js and DataMaps to visualize attack within given network. Application take data from is IBM QRadar and with help of RESTful API sent query into d3.js when it geocodes to lat-ling and place into the map. For the different level of attack points and lines colorized and filtered on front-end.

For the current visualization we use:

• HTML5 for general page layout,
• OpenStreetMap for basic map layer,
•  GeoJSON for target the province borders on representing map,
• CSS3 for visual color and general styling,
• JavaScript for hover effects. 

With existed world map we create layer with GeoJSON encoding China provinces (including Taiwan). Next, we create additional layer with data, associated with country/province from base map layer. Then colorize the chloroplast to get the visual color distribution across the map. Also added labels for basic view and additional hover effect with corresponding province/data on it.

The main goal to get simillal functionality from Vizabi library in NVD3.
For front-end purpose we use Angular.js and modify original NVD3 code to reach:

• Develop selects that changes the input parameters of the axes for graph.
• Develop changing time scale.
• Play button on the timeline.
• Approaching similarity with Vizabi in displaying data on a chart Bar chart.
• Ability to define the thickness of the lines on the chart Line chart.