Using amCharts to Create Beautiful Wireshark Visualizations

Using amCharts to Create Beautiful Wireshark Visualizations

In this post, we're taking a look at a method for improving the visual appeal of the Wireshark IO Graph.  The IO Graph in Wireshark is fantastic for getting the bare information out of the tool to communicate to others.  In some cases though, we need to provide that data in a more visually appealing manner.  We'll be using an online tool called amCharts to create our graphs using data form Wireshark. There are several other online charting tools like amCharts.  I encourage you to give some of these a shot too: ChartBlocks JSCharts What is amCharts? AmCharts is an advanced charting library that will suit any data visualization need. Our charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges. Our charts is a completely standalone and independent library, which doesn’t require any 3rd party includes. You can download, try and even use our charts for free. Check chart demos to see all the charts in action. AmCharts allows us to quickly upload any type of CSV data to be displayed.  In our case, we'll be using output from Wireshark.  The interface of amCharts then gives us endless flexibility to modify and present our data. Wireshark IO Graph vs. amCharts Let's take a look at the below screenshots.  These charts display the same information - the count of HTTP packets sent, as well as the count of TCP retransmissions. As we can see, the default display of data out of the Wireshark IO Graph is not ideal.  It's limited in presentation options, and honestly is an overwhelming amount of buttons and knobs.  The amCharts chart, however, is clean, concise, and easy to read. Creating a Chart In this example, we will be creating the chart above using…

Read More