What's new?
Product
Who uses Directual?
What can be built on Directual
Learn Directual
Why Directual?
Resources
Legal
Company

No-code Charts for your no-code Dashboards

August 4, 2023

Check out what you no-code with our latest plugin you can find in our Directual marketplace! Pie charts, line charts, bar charts, everything charts—now a part of the platform.

For any no-code business working with large swathes of data, it’s a no-brainer that it must be properly visualized. Otherwise, what’s the point in having all these insights if you must use ridiculous Excel pie charts to make sense of them? 

This short article will explain how you can easily utilize the Graphs plugin (now available on Directual Marketplace) and breathe life into your insightful dashboards.

Line chart / Area chart

Your bread & butter of the graph industry. Here’s what you can expect out of line and area charts in Directual:

  • Filtering by data type with an off/on switch
  • Pagination
  • X-axis brush

On top of that, you can have the legend displayed, along with the grid and tooltips. 

The best part, however, is that you can alter the X and Y axis scale. 

For instance, if you have time periods in your dataset that are not equal, the graph can adapt to it and display said periods accurately. In this case, you should select “time” in the Scale options. Also, you can decide if you want to connect data points on the graph with a straight line, curved line, or steps.

The graph lines, of course, are fully configurable. Each and every single one of them can be manually adjusted—there are special configuration fields for that. Alternatively, you can automatically select as many lines as there are data variations for display available.

Chart component settings

Bar chart

Another timeless staple of any dashboard.

You can stack data into a single column. Filtering, pagination, and data point markets will also be available for this kind of graph. 

Stacking bar charts settings

If your dataset is rather complicated but the bar chart is still what you want, you can create two-axis charts just as well. How about some vertical bar charts? With not one, but two axes? Piece of cake—see for yourself:

Biaxial vertical chart settings

Scatter chart

If you’re into quite complex data charts that require visualization of the relationship between two variables, you got this too. Place your data points on the chart and watch the relationship between them get outlined via its size.

Scatter chart settings

Pie charts

Have your pie and eat it too. This chart type includes two key options you’ll like:

  • You can grab data from one object, and have different fields correspond to different segments of the chart
  • You can grab data from a certain number of objects and a certain number of segments.

No need to ask—you can set up the graph thoroughly as well. Configure radius size, determine if you want half the pie or the whole thing, along with the display of the legend, labels, and percentages.

Dynamic segments (left) and fixed segments from the first object (right)

If you’re into some transparent polling, like we are, you can create complex dynamic filters and use sockets to update the graph! 

Some backstage business for you: here’s how our New user poll results are displayed within the platform:

Directual dashboard

Afterword

What you see here right now is just the beginning of the Graphs plugin. You’ve been asking for it since the beginning of time, and we aim to continue to deliver. If there are things that you’re dying to see, just let us know—by sending a letter to hello@directual.com or heading into one of our communities (links are in the footer below).

FAQ

What is Directual no-code platform?
What is Directual no-code platform?

Directual is a full-stack cloud no-code platform designed to help you build apps of any caliber without programming knowledge. Thanks to its powerful cloud architecture, you can truly go big without worrying about poor performance. Build projects of any kind, including web3 and AI-powered apps.

What is Directual marketplace?
What is Directual marketplace?

It’s a place where you can find custom plugins, scenarios, and web elements you can use with your projects in Directual. You can also create your own plugins and sell them. Earn a Directual dev certificate, and list your services for all to see.

Featured blog posts

The Ultimate Guide to No-Code Developer Productivity

Bye-bye, pointless productivity metrics! Hello, developer happiness and real results. 🚀 Uncover the secrets to supercharging your engineering team's output without the drama.

October 25, 2024
by
Pavel Ershov

A Full Guide to No-Code Incident Management Systems

Things break all the time, and without an IMS, tracking issues is hell. This guide will show you how to deal with it the right way.

October 16, 2024
by
Eugene Doronin

Low-code vs No-code: Who's the Winner?

Ditch the code and join the low-code/no-code revolution! Get the power of rapid app development, process automation, and innovation without breaking a sweat (or your budget). Get ready to drag, drop, and amaze with the easy way to build custom apps.

October 9, 2024
by
Nikita Navalikhin

Introducing Directual Certification and Hire an Expert

Hire devs to build stuff! Offer your own stuff-building services! All of this, right in Directual’s interface. Jump in to learn more.

September 21, 2024
by
Pavel Ershov

WhatsApp Chatbots for Business: No-Nonsense Guide for 2024

WhatsApp is the ultimate customer engagement battlefield. Explore real-world success stories, learn the ropes of building your own chatbot, and stay ahead with insights into future trends.

September 5, 2024
by
Eugene Doronin

Top 20 AI Chatbot Tools to Supercharge Your No-Coding Journey

AI chatbot showdown! Get the scoop on who's hot, who's not, and how to spin up your own AI sidekick to ultimate no-code productivity.

August 28, 2024
by
Eugene Doronin

Ready to build your dream app?

Join 22,000+ no-coders using Directual and create something you can be proud of—both faster and cheaper than ever before. It’s easy to start thanks to the visual development UI, and just as easy to scale with powerful, enterprise-grade databases and backend.