All posts tagged “Graph”

Facebook quietly drops Microsoft Bing from Graph Search

Facebook is no longer showing search results from Microsoft’s Bing search engine on its on-site Graph Search product, as Reuters reports. The move apparently happened four days ago, alongside an update that improved Graph Search so that it could return specific posts when you search instead of just people. In a statement to Venture Beat, a spokesperson said “We’re not currently showing web search results in Facebook Search because we’re focused on helping people find what’s been shared with them on Facebook.” Microsoft also chimed in, saying “we continue to partner with Facebook in many different areas.”

Continue reading…

The Verge – All Posts

Interview: Graph Rabbit: The minimalist duo on their craft and why they choose to perform their entire album front-to-back, with no computers

Interview: Graph Rabbit


by Naheed Simjee NYC-based Butterscotch Records recently hosted a unique event that defines its guiding philosophy. Two of the artists on the label, Mikael Jorgensen and Graph Rabbit, played a show at west LA record…

Continue Reading…


Cool Hunting

Facebook is testing Graph Search for mobile devices

During the Facebook Q4 earnings call earlier this week, Mark Zuckerberg hinted that Graph Search for mobile devices is in development, though he wouldn’t go into specifics about when it would launch. “Pretty soon,” he said, “I think you should expect us to roll out the mobile version of this.” It turns out the company is already in the process of testing the functionality, and some users are already seeing the changes.

Mashable reporter Seth Fiegerman noticed the change earlier today and posted a screenshot on Twitter:

Judging from the image, users may soon be able to conduct the same searches for people,…

Continue reading…

The Verge – All Posts

Wonderful Collection Of Free Chart And Graph PSD Designs

Charts and graphs are used to show statistics and data in a visually appealing manner. So, if you are looking for some free to use or download web elements that can help you showing statistics and data on your website in an interesting way, then you have come to the right place. In this post, we are presenting an awesome collection of some very useful and appealing chart and graph PSD designs for you. All the charts and graphs presented in this collection are available in PSD format so that you can easily modify them as per your needs and taste.

Using charts and graphs always is an advantage because loads of readers and viewers find it much easier to grasp and assess information and statistics when displayed in the form of chart or graphs. Here is the full collection. We hope you will enjoy it. Feel free to share your opinions with us via comment section below. Enjoy everyone!!!

Various Chart Types

Line Chart

Business Graph PSD

Funky Graph UI

Line Chart PSD

Segment Chart

Elegant Line Graph

Beautiful Simple Line Chart

Pretty Little Pie Chart

Orange Graph Widget

Dribbble Pie Chart

Dark Chart UI Kit

Business growth graph PSD

Line Graph

Skill Chart

Simple Pie Chart

Clean Simple Pie Chart

Clean & Simple Line Chart

Circular arrow flow chart

Clean Pie Graph

Graph Design Template

Graph Chart

Rising and falling bar graphs

Dashboard Line Chart

Analytics Widget

Skills Pie Chart

Free Pie Chart PSD Template

Financial Graph Icon

Business Graph

PSD 3D Business Graph

PSD Glossy Graphic Charts

4 Free 3D Charts

Progress Circles

Radial Chart

Charts

Clean and Simple Pie Chart

Various Chart Types

Website Launch Countdown Timer


Free and Useful Online Resources for Designers and Developers

14 Free Business Charts, Graph PSDs And Vector Files

If you are looking for some free business charts and graph icons then this post will help you. In this post, we gathered 14 free and stylish Business Charts and Graph Icons PSDs and Vector files. You can use these free business charts and graph icons in your web or graphic designs.

You can see the variety of colorful and appealing business charts and graph icons in the internet because these free business charts and graph icons are cool and they are high-res psd, png and vector file. All layers are separated, so you can easily change shapes and colors. What do you have to say about this assortment?

Financial Graph Icon

Business Graph PSD

Elegant Line Graph PSD

Funky Graph UI

Line Chart PSD

Charts and Graphs in Vector Format

Business Graph

Pie Chart Icon

PSD Glossy Graphic Charts

PSD 3D Business Graph Icon

Free 3D Charts

Orange Graph Widget

Businessman Working on the Currency Chart Line

Free Vector Chart Icons


Free and Useful Online Resources for Designers and Developers

20 Useful jQuery Chart and Graph Plugins

amCharts-JavaScript-HTML5-charts.png

Data visualisation is the best way to demonstrate the boring bits of statistics. Apart from Excel, we would like to show data directly from our website, so visitor can interact with the chart and graph to get a clear understanding. Luckily there are many useful jQuery chart plugins and javascript libraries that utilise HTML5 canvas to render all possible charts and graphs. However, it’s still painful to sort out the configurations and connect data with charts, especially real-time ones.

So we rounded up the following 20+ javascript libraries and jQuery plugins for the work of charts and graphs. Some of them are capable of rendering various types, a few of them are good at certain specific type. Let’s get started.

If you’re interested, our previous posts about JavaScript Canvas Libraries and JavaScript UI Libraries are helpful for JavaScript development as well.

jquery chart
amCharts offers JavaScript/HTML5 charts for most of your needs. The set includes serial (column, bar, line, area, step line, smoothed line, candlestick and ohlc graphs), pie/donut, radar/polar and xy/scatter/bubble charts.

  • Type: Serial (Column, Bar, Line, Area, Step Line, Smoothed Line, Candlestick And Ohlc Graphs), Pie/Donut, Radar/Polar And Xy/Scatter/Bubble Charts
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer. iOS (iPad, iPhone, iPod Touch) and Android Honeycomb.
  • License: Free (With Credit Link) and Commercial
  • Full List of Examples to Check Out

Rotated Axis Tick Labels  jqPlot
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. It is able to create beautiful line, bar and pie graphs with many features.

  • Type: Line Charts, Scatter Plots And Series Options, Pie And Donut Charts, Bar Charts And Many More
  • Browser: IE 7, IE 8, Firefox, Safari, and Opera
  • License: MIT and GPL v2
  • Full List of Examples to Check Out

Highcharts  Interactive JavaScript charts
Highcharts is a javascript library that offers interactive charts to your website. It supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart types.

  • Type: Line, Spline, Area, Areaspline, Column, Bar, Pie, Scatter, Angular Gauges, Arearange, Areasplinerange, Columnrange And Polar Chart.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer (6.0+), iOS (Safari) and Android Browser (Limited Support).
  • License: Free for Non-Commercial.
  • Full List of Examples to Check Out

JS Charts  JavaScript chart
JS Charts is a JavaScript library based generator for charts. It could draw charts is a simple and easy way. No additional plugins are required. Just prepare data in XML, JSON or JavaScript Array and include the js library, your chart will be ready!

  • Type: Bar Charts, Pie Charts Or Simple Line Graphs, And 3D Ones With Multiple Series.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer (6.0+).
  • License: Watermarked Free Version.
  • Full List of Examples to Check Out

TeeChart for JavaScript
TeeChart provides a complete and easy solution to create charts for environment like .NET, Java, ActiveX, etc controls for business, Real-time, Financial, Scientific and Mobile applications.

  • Type: Financial, Bars, Point & Scatter, Circular, Line & Area, Stats, Pie & Donut Chart, 3D and other Miscellaneous ones.
  • Browser: Internet Explorer 9.0 (from 6.0 to 8.0 using ExCanvas.js polyfill), Firefox 3.6, Chrome 16.0, Safari 5.0, Opera 11.6, Opera-Mini 5.0, Opera Mobile 10.0,
    iOS Safari 3.2, Android WebKit 2.1
  • License: Free for Non-Commercial.
  • Full List of Examples to Check Out

CanvasXpress  Contact
CanvasXpress is a javascript library based on HTML5 canvas tag. This library is the core visualisation component for the company’s BMS systems biology platform. It can be used for creating your own feature-rich canvas graphing.

  • Type: Bar graphs, Line graphs, Bar-line combination, Boxplots, Dotplots, Area graphs, Stacked graphs, Correlation plots, Venn diagrams and many more.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer.
  • License: LGPL3
  • Full List of Examples to Check Out

D3js  Data Driven Documents
D3.js is a powerful javaScript library for creating data visualisation elements. It 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 visualisation components and a data-driven approach to DOM manipulation.

  • Type: Charts and Chart Components, Trees and Graphs, Miscellaneous visualizations and many many more!
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(8.0+).
  • License: BSD
  • Full List of Examples to Check Out

Morrisjs
Morris is able to make nice graphs and charts in an easy way. It is a lightweight library that uses jQuery and Raphaël to draw time-series graphs.

  • Type: Time-based Line Charts.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(6.0+). iOS 3+ and Android 3+
  • License: BSD
  • Examples to Check Out

Cross Browser JavaScript HTML5 Charts  dhtmlxChart
DHTMLXChart is a Javascript library for generating HTML5 charts. It supports the most common chart types: line, spline, area, bar, pie, donut, scatter, and radar charts. For complex charting needs, you can create a chart series, plotted separately side by side, or stacked.

  • Type: line, spline, area, bar, pie, donut, scatter, and radar charts.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(6.0+).
  • License: GPL and Commercial Available.
  • Full List of Examples to Check Out

Rickshaw
RGraph is a Javascript library to produce interactive charts and graphs for your website using the HTML5 canvas element.

  • Type: Bar, line and pie charts, Meters and gauges charts, Planning and management charts, and many more.
  • Browser: Firefox 3.0+, Google Chrome 1+, Safari 3+, Opera 9.5+, Internet Explorer 7+, iPhone (text support from iOS v4+), iPad (text support from iOS v4.2+)
  • License: Free for Non-Commercial
  • Full List of Examples to Check Out

Dygraphs JavaScript Visualization Library
dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time-based data series. It is designed to display dense data sets and enable users to explore and interpret them.

  • Type: Customised Plotter, Chart, Axis
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(9.0+), or include excanvas library for IE6-8.
  • License: MIT
  • Full List of Examples to Check Out

Flotr2
Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements.

  • Type: lines, bars, candles, pies, bubbles
  • Browser: Firefox, Chrome, IE6+, Android, iOS
  • Full List of Examples to Check Out

Cubism js
Cubism.js is a D3 plugin for visualising time-based data series. You can use it to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.

  • Type: D3 Plugin
  • Support: Graphite, Cube and be able to be extended
  • License: Apache

Sigmajs
Sigma.js is an lightweight Javascript library to draw graphs, using the HTML5 canvas element.

  • Type: Graph visualisation and dynamically generated graph
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(8.0+).
  • License: MIT
  • Full List of Examples to Check Out

AwesomeChartJS
AwesomeChartJS is a awesome small and simple Javascript library that creates charts based on the HTML5 canvas element.

  • Type: bar, pie, doughnut and Pareto charts.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(8.0+).
  • License: Apache

Humble finance visualization
HumbleFinance is an HTML5 data visualisation tool to demonstrate interactive graphing in HTML5.It is written in Javascript using the Prototype and Flotr libraries.

  • Require: Prototype 1.6.1+ and Flotr 2.0
  • Browser: FireFox, Safari, Chromium, or IE6+

Rickshaw
Rickshaw is a Javascript toolkit that provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc for interactive charting and graphing.

  • Type: Lines, toggles, real-time data, scatter plot, stacked bar and many more.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(9.0+).
  • License: MIT
  • Full List of Examples to Check Out

GRaphael
gRaphaël is created for you to generate beautiful charts for your websites in an easy an simple way.

  • Type: Pie, bar and line charts.
  • Browser: Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
  • License: MIT

JQuery HighchartsTable plugin
The HighchartsTable is a very useful plugin that takes data and attributes from a table and parses them to create a chart.

  • Type: Series, Lines, Axes, Points, Vertical lines, Pie charts
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(9.0+)
  • License: MIT
  • Examples to Check Out

TufteGraph beautiful charts with jQuery
TufteGraph is different from other charting libraries because its configuration is by dynamic functions, allowing for a really compact API (very few options). Also non-core layout is done via CSS rather than code.

  • Type: Bar charts, Stacked Bar, Legend
  • Browser: Tested in Firefox 3 and Safari 3.
  • License: MIT

JQueryGantt
A nice and simple jQuery plugin for generating beautiful Gantt chart.

  • Type: Gantt
  • Browser: Firefox 4+, Chrome 13+, Safari 5+, Opera 9+, IE 8+
  • License: MIT

EASY PIE CHART by rendro
EASY PIE CHART is a lightweight jQuery plugin to render and animate nice pie charts with the HTML5 canvas element.

  • Type: Animated Pie Chart.
  • Browser: Modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer(7.0+)


MedleyWeb.com

How to Create an Interactive Graph using CSS3 & jQuery


How to create an Interactive Graph using CSS3 & jQuery

In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot”. Flot is a pure JavaScript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. This plugin is simple but powerful enough to create some nice and interactive graphs. For […]


Advertise here with BSA

You’re reading How to Create an Interactive Graph using CSS3 & jQuery, originally posted on DesignModo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!


DesignModo

Facebook Open Graph update lets you tag friends in any connected app