Plotly.js JSON EditorYou need to enable JavaScript to run this app.MATLAB Online
MATLAB Online Graphing Toolbox
MATLAB Online is a MATLAB toolbox by Plotly for creating interactive MATLAB plots online. MATLAB Online uses Plotly's native web-based scientific graphing library.
Plotly brings interactive, online graphing to your MATLAB console.
x = 80 * randn(1, 30);
y = 80 * randn(size(x));
r = randi(1500, size(x));
c = randi(10, size(x));
scatter(x, y, r, c, 'filled', 'MarkerEdgeColor', 'k')
%--PLOTLY--%
response = fig2plotly(fig, 'filename', 'matlab-bubble-chart',
'strip', false);
plotly_url = response.
Plotly's MATLAB graphs are interactive in the web browser. Hover over values, scroll to zoom, click-and-drag to rotate and pan. Since Plotly graphs are built with native web technologies javascript, SVG, d3.js, and webgl, no plugins or downloads are required.
contour(X,Y,Z,20);
fig2plotly();
MATLAB Online graphs are created with HTML and Javascript. You can save and share your MATLAB Online figures with
or you can generate and serve this HTML and JavaScript with the .
getplotlyoffline('https://cdn.plot.ly/plotly-latest.min.js')
X = linspace(0,2*pi,50)';
Y = [cos(X), 0.5*sin(X)];
fig2plotly(gcf, 'offline', true);
Use Plotly with MATLAB to share your figures with non-MATLAB users, to create , as the visualization toolbox in MATLAB web applications, or just for .
Documentation Examples
All Plotly charts have click, hover and zoom events exposed to add custom controls with Plotly's JavaScript .
Still need help?
Contact Us
For guaranteed 24 hour response turnarounds, upgrade to aReview: 5 Tools for Creating Amazing Online Charts & SitePoint
October 08, 2014
Gabrielle Gosha
Review: 5 Tools for Creating Amazing Online Charts
liquidnight
Quick! You have a big presentation in less than 24 hours that includes a handful of data tables and spreadsheets. It&s good data but it&s not much to look at. You want to present something more dynamic than straight images, but coding a solution from scratch isn&t an option for you.
Luckily for you, there are some online solutions that can yield both attractive and dynamic results with no coding involved.
Today, I will be giving you the rundown on five possible solutions that will help you construct more than just a simple bar graph.
Let&s get started!
First Impression: Plotly is user-friendly, that&s the first thing I noticed. After creating an account I was able to navigate the site easily in literally five seconds. In the right hand corner next to your account name you can create your first project.
Here you can choose whether you want to build a plot or grid. From there you are guided through importing your data. If you just want to test-drive Plotly, you can check out 12 pre-built data examples. These examples alone give you an idea on what Plotly can do for you, and honestly, it&s impressive stuff.
Creating your graph is just a matter of loading in your information and customizing the traces, layout, axes, notes and legend. The charts and graph types at your disposable are very professional-looking so it is a perfect solution for those business and analytical presentations.
It doesn&t mean that those who are presenting more casual information can&t use it however. There is something for everyone with Plotly even if it&s still in BETA mode.
Plotly is free
You can create up to 50 private files
You can collaborate on graphs without relying on e-mail
Interactive charts and variety of data visualizations to choose from
Charts can be exported to multiple formats including EPS, SVG and PDF
No installation required
Note: Plotly is still relatively new but they report on their most recent updates via the
as well as showing-off what you can do with the program. If you&re just getting started and want to see what Plotly is all about then check out their
Hohli: Online Charts Builder
First Impression: Hohli&s chart builder is perfect for those looking for above average graphs without the bells and whistles.
From the get-go your graph type options are clear. Altogether there are six major graph types, while three of those graph types come with variations.
Constructing a new graph is a fairly simple, linear process. This is a nice approach because you&re never overwhelmed with a myriad of options as you begin composing your data.
There is also the ability to customize your chart size and orientation, so if you need a vertical graph instead of a horizontal, you&re in luck. Not to mention there is a preview window off to the right of your screen that allows you to see what you&re making which makes correcting errors a breeze.
Hohli: Online Charts Builder is completely free
No signing up required
Customizing your charts is as easy as a few clicks, color choices and inputting your data
You can change your chart type without starting over
The ability to load from Google Charts
ChartBlocks
First Impression:
is pretty and clearly the creators thought a lot about visual appeal when they came to crafting this freemium chart builder. After signing up for an account, you are immediately thrown into it, with a prompt to create your first graph.
Like Plot.ly, ChartBlocks guides you through your first creation. Here you are given three choices: copy/paste or manually input your data, use data that you have already imported into ChartBlocks (only applicable if you have created a chart previously) or upload a spreadsheet from your computer.
From there the process flows smoothly. There are only five chart types to choose from if you are using a free account and, unfortunately, apart from a few templates that offer color variations, there is a limit to your ability to customize your chart type.
Apart from that downside, you have access to a bevy of customizable options to allow your chart to visually match your presentation.
ChartBlocks is a freemium model & 5 chart types
Three methods of adding data are available to you
Customizable assets for your charts help them stand out
Download your charts to multiple formats including PS, SVG and PNG
Your charts can be shared via social networks and even embedded into your sites and presentations
Online Chart Tool
First Impression: Online Charts Tool reminds me of an even prettier version of Hohli&s tool, with a lot more options and chart types.
All in all, there are ten chart types to choose from, each with their own unique look. Like the other chart builders &OCT& follows a pleasingly linear workflow when it comes to the data design process. However each graph type comes with a different set of choices and variables.
For example, if you choose an Area Chart you&ll need to decide on the type and style options, while picking the Meter Chart only requires you to determine your style. From this point, you can add your data either manually or by uploading a CSV file.
As if you weren&t given enough customizable options with choosing your chart&s style assets, you can also decide how your labels and fonts will appear on the finished product. When you think you&re ready, you can preview your chart, finish tweaking whatever you like, and then share or download it.
Online Chart Tool is a free online program
No registering is required, but you can create an account
A variety of charts and customizing options are available for you
There are 17 types of fonts for you to choose from when it&s time to create your labels
You can save your chart data online whether to share it or come back to it later
There are four downloadable options for you to choose from including PDF and CSV
The site offers six language options which it makes it a bit more accessible to non English speakers
First Impression: RAW is unlike any other free online graph program I have ever seen. If you like the professionalism and variety of graphs that Plotly provides, then you are likely going to like the charts that RAW offers.
Instead of the standard bar/pie graph selections, you get a choice of 16 charts to choose from. Not to mention there is the ability to design your own chart if you so choose.
RAW is very easy to use, and there is not even any need for a &next& button to click on when you want to proceed. You don&t even need to register with the service to use it.
On the downside, RAW doesn&t currently offer the ability to upload a spreadsheet & but you can fairly easily copy and paste your data in. From there, you get to pick your chart type. A lot of them you may not have heard of many of the chart type, but luckily a summary appears on the left explain each type.
You can &map out your layout& or, in other words, plan where your information will go. This is done in a loose, drag-n-drop style that is quite different to the other apps I played with. Moving and arranging your data results in real-time changes of your graph, so you can methodically test what works best.
Once you&re done with this mapping stage, you are literally done, as there is no customization option when it comes to color and type.
RAW is free for anyone to use
There is no registration required
Easy chart creation
Drag and drop mapping tool that allows you to change your information around without accidentally deleting your data
16 professional charts to choose from
Three downloadable options along with a generated embed code
Your data remains safe thanks to no server-side operations
Note: RAW can be freely downloaded and modified as it is an open and customizable project. For more information check out their
Bottom Line
All of the programs mentioned are great tools for anyone looking to construct and display charts without coding. From engaging, colorful charts to more clean and professional designs there is something for everyone to choose from.
If you&re looking to WOW with your presentation I definitely recommend Plotly and RAW. For free programs these two yield some impressive results. Having said that, each of Hohli, ChartBlocks and Online Chart Tool offer unique features and are perfect contenders for anyone looking to visualize data.
Meet the author
Gabrielle is a creative type who specializes in graphic design, animation and photography.
& 2000 & 2018 SitePoint Pty. Ltd.Plotly | Online MATLAB Graphing
version 1.6.0.0 (207 KB) by
22 downloads
Publish your MATLAB figures to the web with one line of code.
22 Downloads
Plotly () is an online graphing platform that makes generating and sharing interactive, publication-quality figures easy.. This package converts your MATLAB figures into online Plotly graphs with a single line of code:
[X, Y, Z] =
contour(X,Y,Z,20)
fig2plotly()
This code generates this graph in your browser:
For more, see the official documentation at .
Comments and Ratings (14)
0 downloads
24 Jul 2017
0 downloads
21 Nov 2016
0 downloads
14 Nov 2016
0 downloads
8 Dec 2015
593 downloads
26 Nov 2015
0 downloads
29 Oct 2014
0 downloads
17 Sep 2014
0 downloads
23 Jul 2014
Really good bit of code - works well and the web-rendering looks nice. Looking forward to the surf and mesh plots.
0 downloads
14 Jul 2014
The MATLAB conversions literally let you add fig2plotly() to the end of your code and make a shareable, web-based MATLAB graphs. And it's interactive!
0 downloads
14 Jul 2014
22 downloads
14 Jul 2014
4 downloads
13 Aug 2013
495 downloads
27 Jun 2013
0 downloads
27 Jun 2013
MATLAB Release Compatibility
Created with
Compatible with
any release
Platform Compatibility
Windows macOS Linux
MATLAB Online Live Editor Challenge
Win cash prizes and have your live script featured on our website
Download apps, toolboxes, and other File Exchange content using Add-On Explorer in MATLAB.
Select a Web Site
Choose a web site to get translated content where available and see local events and offers. Based on your location, we recommend that you select: .
You can also select a web site from the following list:
(Fran?ais)
(Italiano)
Switzerland
Asia Pacific}