Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

Plotly: For Pixel Perfect Charts

Updated: February 12, 2021

Need content for your business? Find top writers on WriterAccess!

Plotly is a new charting tool built with designers in mind. It provides an easy way to get the raw chart visuals needed for all kinds of visual content. Plotly is a data analysis and graphing web app that lets you make precise and beautiful charts. Its like Tableau or Excel, but online, free, and far more flexible. Charts from conventional desktop programs can have a distinct look that’s tough to integrate with the aesthetic presentation of the rest of your content. As a data-driven designer or journalist, you want freedom in layout, colors, and chart elements, but quantitative precision, too, and we’re here to help! If you’re a designer on Visually, you can use Plotly to create the “chart” part of your visuals. Plotly gives you the precision needed for data-driven graphics, without getting in your way, so you don’t have to spend hours lining up rectangles in Adobe Illustrator. If you’d rather stick with your favorite desktop graphics editor, no problem — you can create only the “bar” part of a bar chart in Plotly, then do the labels, typography, and everything else in the program of your choice. Plotly charts can be downloaded as SVG, EPS or PNG, so they are simple to import into Illustrator, Photoshop, AfterEffects, or Keynote. If you’re not a programmer, but want flexibility and richness not provided in other online graphing tools, you’ve come to the right place. Plotly was built on d3.js, a javascript library built for creating data visualizations. Plotly is perfect if you’re not a coder, but want some of the flexibility and richness that d3.js affords. If you create data-driven visual content for the web, Plotly charts can be embedded to take advantage of their interactivity – there are hover text, panning, and zoom controls, as well as real-time data streaming options. You can see Plotly charts used by the Washington Post here. Below are some example charts created by Plotly users.

Infographic-y Charts

This Plotly chart is almost its own infographic. It could be integrated into a larger print or web infographic about space exploration.

Super Simple Charts

In Plotly, you can strip a chart to the bare minimum, then do the rest of the design in Illustrator or Photoshop. Here is a bar chart where everything except the bars have been removed.

Colors!

Plotly has an infinite selection of colors. You can choose colors of all chart elements by RGB value to be sure that they match the rest of your presentation.

Charts Streaming Live Data

Plotly charts can stream live data! The chart below updated itself every 5 minutes from January 9 to 12. If you’re interested in making dynamic Infographics with Plotly charts, check out this Instructable on streaming data to Plotly.

Bubble Charts

Bubble charts can be a pain because sizing the bubble is tricky. Plotly takes care of calculating the precise bubble size and position for you, so you can focus on everything else. If your bubble chart is on a website, you can add hover text like this one. Plotly is free and online, so check it out and let us know what you think. You can follow us on Twitter @plotlygraphs, or email me, Jack, at jack [at] plot [dot] ly.

Share
facebook
linkedin
twitter
mail

Human Crafted Content

Find top content freelancers on WriterAccess.

Human Crafted Content

Find top content freelancers on WriterAccess.

Subscribe to our blog

Sign up to receive Rock Content blog posts

Rock Content WriterAccess - Start a Free Trial

Order badass content with WriterAccess. Just as we do.

Find +15,000 skilled freelance writers, editors, content strategists, translators, designers and more for hire.

Want to receive more brilliant content like this for free?

Sign up to receive our content by email and be a member of the Rock Content Community!

Talk to an expert and enhance your company’s marketing results.

Rock Content offers solutions for producing high-quality content, increasing organic traffic, building interactive experiences, and improving conversions that will transform the outcomes of your company or agency. Let’s talk.