routrahul.github.io

For Github Pages

View on GitHub

Welcome to Rahul Rout's Pages.

This page is for the compilation of different visualization techniques and UI technologies that I am working on. Most of these samples are using sample generated data sets. You could clone my repository using a git clone.

$ git clone https://github.com/routrahul/routrahul.github.io.git

Samples

A few handy samples have been done for reference

  • Dynamic Layout Reporting Solution

    This example is my version of creating a dynamic layout with the help of gridster. This layout gives us the freedom to dynamically change the position, size and dimenson of content inside. I have used NVD3 fro the charting solution and we can use the small option button on the top left corner of each widget to change the chart type dynamically in the client side itself.

  • Responsive Grid Layout

    This example is my version of creating a responsive grid layout (like the ones used in Pinterest etc). You can resize the window to see the grids realign hemselves based on the size of the page available. This example uses an open source library called Gridster to create and arrange the grids.

  • Three Dimensional Population Migration Visualization

    This is my attempt to build a three dimensional globe with Population migration data for 2010. Its still a work in progress, so please send in your feedback at rout.rahul@gmail.com

  • Simple Correlation Graph

    This correlation graph is plotted using d3.js library which uses the Force Layout provided. This graph regenerates the graph with new correlation values without destroying the graph's nodes.The force layout uses the Barnes Hut algorithm to calculate the positions of the nodes and corresponding links. The force layout then calculates the relative positions of the nodes for each tick movement of any of the elements in the graph.

  • Simple Plot Graph

    This plotting graph is useful when the coordinates of the nodes are known and we need to plot them in a graph area. The links positions for their source and targets is calculated based on the coordinates received for their nodes. The graph is dynamic enough to calculate the relative positions of the nodes for a very varied data range of data sets received.This is highly recomended when a plotting algorithm is used on a data set and the output is to be visualized. This graph too is made in d3.js

  • Three Dimensional Correlation Graph

    This graph is a three dimensional correlation graph which is generated with sample coordinates. The links represent correlation values between the different sets of nodes. This graph uses WebGl rendering with the help of the awsome "three.js" library.

  • MMIC Visualization

    A multi market items flow visualization

Contact

I can be reached through mail at :rout.rahul@gmail.com or over the phone at +91-7406463646