Advanced Techniques for Data Visualization in Low-Code - Part 2 | The Low-Code Café

See the working example at campfire.plant...
---
In this episode of Low-Code Café, hosts Dale Warner and Patrick Anderson begin with an introduction and updates, covering the current version of Plant an App, known issues, and documentation changes. They then dive into advanced techniques for data visualization, focusing on creating compelling charts and graphs, acquiring data from SQL, and implementing drill-down functionalities. The episode continues with demonstrations on enhancing drill-down features, including filtering functionality, creating dynamic drill-down links, and utilizing ChartJS for chart implementation. The hosts further explore customizing charts through CSS and adding flexibility to filter forms, before concluding with a discussion on using tokens for centralized JavaScript management to streamline the creation and maintenance of charts.
0:06 - Introduction and Updates
1:44 /// Discussion on current version of Plant an App
2:04 /// Changes to the documentation
11:16 - Advanced Techniques for Data Visualization - Part 2
11:23 /// Objectives of the session
11:51 /// Review of progress from previous session
13:04 /// Demonstration of the goal for the session
18:01 - Enhancing the Drill Down
20:41 /// Explanation of filtering functionality
21:48 /// Discussion on using filtering for drill down
22:00 - Creating a Drill Down Link
22:25 /// Adding a text field for drill down data
22:50 /// Modifying the drill down button
23:40 /// Making the drill down dynamic
26:06 - Implementing ChartJS
26:39 /// Adding a static text field for the script
27:31 /// Explaining the script
39:56 - Customizing the Chart
41:16 /// Cloning and adapting the script
48:02 /// Hiding unnecessary data
49:32 - Creating a Hidden Field with Custom Value
50:00 /// Hiding the drill down button
50:32 /// Checking the final result
51:04 - Customizing Charts with CSS
51:55 /// Adding custom CSS to the KPI card class
52:13 /// Refreshing the page to see the changes
52:28 /// Final result of the customized chart
52:42 - Adding Flexibility to the Filter Form
52:59 /// Adding a dropdown to the filter form
54:10 /// Applying the filter to change the chart type
54:57 /// Making the selection stick
55:31 - Using Tokens to Create Charts
56:05 /// Demonstration of how the tokens work
58:03 /// Maintaining JavaScript in one central workflow
---
The Low-Code Cafe is our bi-weekly community webinar & work session where we share ideas, and updates, and even build working applications together, from the very simple to the very complex, with the help of the Plant an App Platform.
RSVP for the next edition here: us02web.zoom.u...
Learn more about the fastest way to build powerful web apps - www.plantanapp...
Every webinar, we will build apps together and have a great time. Besides specific topics and getting together with the community, we also have our regular segments to showcase the latest updates, tips & tricks.
- Product Roadmap Updates, with Bogdan Litescu, Head of Product Development
- Stories from the Trenches, with Dale Warner, Head of US Support
- Hands-on Low-Code, with members of the Product Development team
- Bogdan Litescu, CEO & Founder, is the one to start the show, and our regular webinar host
Be sure to hit the like button and subscribe to the channel for more low-code insights and updates.
Register in advance for Low-Code Campfire: us02web.zoom.u...
Webinar recordings - make sure to subscribe - / plantanapp
Community Portal - community.plan...
Webinar Feedback form - bit.ly/lowcodec...
Advanced Techniques for Data Acquisition and Visualization in Low-Code
Part 1 | Cafe #165 - • Advanced Techniques fo...
DNN Summit + Plant an App = Tables + Charts + Maps
Part 1 | Café #155 - • DNN Summit + Plant an ...
Part 2 | Café #156 - • DNN Summit + Plant an ...
Chart JS - www.chartjs.or...