Category Archives: Javascript
React Native A FRAMEWORK FOR BUILDING NATIVE APPS USING REACT

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about — learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.
https://facebook.github.io/react-native/
RegEx Regular Expressions References / Builder
charts and Charting frameworks

No | Link | License | Platform | More info |
1 | Highsoft Workshow | Commercial | ||
2 | Chart.JS | Open Source | Javascript | |
3 | D3.JS | Open Source | Javascript | D3 Gallery |
4 | Chartist.JS | Open Source | Javascript | |
5 | Dimple | Open Source | Javascript | Dimple Examples |
6 | Flot | Open Source | Javascript/JQuery | Flot Examples |
7 | Sencha Ext.JS | Commercial | Javascript | Sencha Examples |
8 | pChart | Commercial, Free for non profit | PHP | pChart Examples |
9 | Google Charts | Free | Javascript | |
10 | jChartFX | Commercial | ||
11 | NVD3 | Free | Javascript | |
12 | PHPChart | Free | PHP | |
13 | AMCharts | Commercial | ||
14 | ZingChart | Commercial |
16 JavaScript Libraries for Creating Beautiful Charts
10+ Free jQuery Libraries for Interactive Charts and Graphs
5 Tools for Creating Amazing Online Charts
D3.js Bubble charts
D3.js Bubble charts
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.
01 - Download D3.js 02 - http://www.tips-for-excel.com/2012/06/d3-js-bubble-chart-tutorial-and-example/ 03 - Chart.js
3 Simple steps to display Graph with Chart.JS
3 Simple steps to display Graph with Chart.JS
First download chart.js
Step 1: Create HTML Template: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Chart.js demo</title> <script src='Chart.min.js'></script> </head> <body> </body> </html>
Step 2: Add Canvas:: <!DOCTYPE html> <html lang="en"> <head> <meta char////set="utf-8" /> <title>Chart.js demo</title> <script src='Chart.min.js'></script> </head> <body> <canvas id="LineGraph1" width="600" height="400"></canvas> </body> </html>
Step 3: Add Script: (Download demo here Chart.js.Demo) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Chart.js demo</title> <script src='Chart.min.js'></script> </head> <body> <canvas id="LineGraph1" width="600" height="400"></canvas> <script> //Init the Data with colors var LineGraphData = { labels : ["January","February","March","April","May","June"], datasets : [ { fillColor : "rgba(172,194,132,0.4)", strokeColor : "#ACC26D", pointColor : "#fff", pointStrokeColor : "#9DB86D", data : [203,156,99,251,305,247] } ] } //Bind the data to the Canvas var GraphData = document.getElementById('LineGraph1').getContext('2d'); //Draw the graph new Chart(GraphData).Line(LineGraphData); </script> </body> </html>
The result:![]()
Chart.js Simple, clean and engaging charts for designers and developers
Chart.js – Simple, clean and engaging charts for designers and developers
Resources: 01 - Homepage: http://www.chartjs.org/ 02 - Exaples: http://www.webdesignerdepot.com/2013/11/easily-create-stunning-animated-charts-with-chart-js/ 03 - 3 and a half steps for creating graphs an charts with Chart.JS: http://wp.flash-jet.com/4-simple-steps-to-display-graph-with-chart-js/
TECHNOLOGY TUTORIALS – kudvenkat

From kudvenkat:
Over 12 years of experience, with Microsoft .NET technologies like ASP.NET, C#, SQL Server, AJAX, WCF, JQuery, SSIS, SSAS and SSRS. Currently working as a Technical Architect in central London. Love to share knowledge as I believe in “TO TEACH IS TO LEARN”.
https://www.youtube.com/user/kudvenkat
Got the opportunity to work on world’s largest e-commerce and banking web applications that are highly transactional in nature. Now, it’s my turn to give something back to the community, hence this video tutorial.