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

Telegram Stars: what is that and how does it work with no-code

Telegram Stars + Telegram Mini Apps + No-code = $$$! See how this works and how to get started.

June 27, 2024
by
Leo Khellenbrand

A no-coder’s guide to The Open Network and Toncoins

Witnessed the meteoric rise of the Toncoin and want to build your own thing with it? This guide will tell you all about Toncoin, and how it works.

June 15, 2024
by
Nikita Navalikhin

Directual Pricing update

See the latest changes to our pricing.

May 30, 2024
by
Pavel Ershov

Top 10 no-code form builder platforms for 2024

Got a form for someone to fill out but no desire to code-monkey the whole thing? Look no further—10 options to choose from, right here.

May 13, 2024
by
Pavel Ershov

Are no-code platforms like Directual compliant and secure?

Thinking no-code platforms will run away with your data? Think again, or better yet—read this and it’ll help you sleep at night.

April 30, 2024
by
Pavel Ershov

No-coding and affiliate marketing: top 10 directions for 2024

Discover how affiliate marketing can turn your online presence into profit by focusing on niche markets. Monetize blogs and social media effortlessly.

April 5, 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.