Type of Graph and their usuage
Bubble graph
The bubble graph is
exciting in that it can show three sets of variables – something most other
graphs can’t do. This is done by the x and y axes, as well as the size of the
bubble – all of which give a distinct data point. With animation, you can even
show an extra variable and have the position and size of these bubbles moving
and changing over time – Hans Rosling provides an excellent example of this.
This effect can be produced with live charts in PowerPoint 2007 and 2010.
How bubble graph looks
like.
Scatter graph
Scatter charts are
useful when presenting a complete data set. That data set could show a trend,
or an absence of a trend. These charts are typically used when there are lots
of data points, so that the viewer can then establish whether there’s a
relationship between the data points or not. Practically, these are really only
ever produced with a live chart, but that doesn’t mean that they can’t be drawn
from scratch. If you really want to be able to interact with the data points
individually, the best way to produce an editable version would be to create a
live scatter chart and then draw around it
There is still plenty
that can be done with a scatter chart you have produced using live charts – you
can highlight points and draw trend lines, and compare two sets of data to look
at accuracy. As with other graphs, there are plenty of opportunities to make it
exciting.
D3 Graph
D3.js is a JavaScript
library for manipulating documents based on data. D3 helps you bring data to
life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full
capabilities of modern browsers without tying yourself to a proprietary
framework, combining powerful visualization components and a data-driven
approach to DOM manipulation.
D3 is not a monolithic
framework that seeks to provide every conceivable feature. Instead, D3 solves
the crux of the problem: efficient manipulation of documents based on data.
This avoids proprietary representation and affords extraordinary flexibility,
exposing the full capabilities of web standards such as CSS3, HTML5 and SVG.
With minimal overhead, D3 is extremely fast, supporting large datasets and
dynamic behaviors for interaction and animation. D3’s functional style allows
code reuse through a diverse collection of components and plugins.
Illustration: Let's start with a simple D3 example. It's an
html file with a simple html5 doctype. The D3 script will be loaded directly
from the D3 repository, but you could as well download a copy and load it
locally. I've placed a <div> tag to be used as a container for our
visualization. The D3 script lay down just before the closing</body> tag
to be sure the page is fully loaded and ready to work with, and according to
best practices. This example shows the use of D3 for DOM traversal, for adding
SVG and HTML elements, for adding styles and attributes and for mouse events
binding. Just copy-paste this example in a file named "index.html"
opened in your favorite editor and in a recent browser. You can then replace
the javascript code by any snippets found in this
Tutorial D3
Reference:- http://bost.ocks.org/mike/d3/workshop/\
How D3 looks like
Radar chart
A radar chart, also known as a spider chart or a
star chart because of its appearance, plots the values of each category along a
separate axis that starts in the center of the chart and ends on the outer
ring.
Benefits of spider /radar chart
•
Graphically compare multiple potential
projects
•
Analyzing the strengths and weaknesses
of different supply chain strategies
•
To make logical comparisons between
business opportunities
•
Provides insight to potential improvement opportunities
•
Helps to understand what variables are dominant for a given
process
•
Helps to understand which observations are most similar (are there
clusters of observations?)
•
Helps to understand if there are outliers
•
Displays the performance metrics of any process and allows the
viewer to see opportunities quickly
-By- Pixy Raina
Team F
No comments:
Post a Comment