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

Directual Update: refreshed API-builder

This short article will walk you through our latest API builder update, including new features such as updated API endpoints menu, visual editing for filters, new endpoint testing menu, new functionality, and more. Let's get started.

February 21, 2024
by
Eugene Doronin

Top 5 no-code AI website builders

Want a beautiful website but can’t be bothered with coding? Just want to press a button and see magic happen? Good news—it’s possible. Bad news—not too well. See how this works in our top 5 AI website builder list.

February 18, 2024
by
Pavel Ershov

Top 10 platforms for internal tools

Tired of waiting on developers to deliver that HR admin portal? That crusty CRM addon? Do it yourself—here are the tools that will help.

February 5, 2024
by
Pavel Ershov

Generate logos instantly with Directual—a short guide

No need to fuss over your logos anymore. Discover how Directual can help you generate logos right in the platform—and why it’s worth a shot.

January 31, 2024
by
Pavel Ershov

Directual Update: The Latest and Greatest New Features

New year, new updates! AI logo generator, ES13, Hindi and Portuguese localization, and much more

January 20, 2024
by
Eugene Doronin

The answer to all AI things: 42 AI platforms to check out in 2024

Your Hitchhiker’s Mega Guide to AI Platforms. Dive in, see what goodies you can use in 2024 that are also no-code and AI-powered.

January 3, 2024
by
Pavel Ershov

Ready to build your dream app?

Join 15,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.