Create Dynamic Organizational Charts with Jedox

Create Dynamic Organizational Charts with Jedox

by Jedox 4 BeginnersNo Comments
Organizational charts are essential tools for visualizing the structure of teams and organizations. They help to showcase relationships between different roles or departments, making it easier to understand the chain of command or responsibilities. Using Jedox, you can create a dynamic and interactive organizational chart that automatically updates with changes from your spreadsheet data. Why Use an Organizational Chart? Organizational charts can be used for: Visualizing Team Structures: Understand how teams and departments are organized. Presenting Hierarchies: Show the chain of command or reporting lines. Onboarding New Employees: Help new hires quickly familiarize themselves with the organization. How to Create a Dynamic Chart in Jedox With Jedox widgets, creating an organizational chart becomes an easy process. Widgets allow you to dynamically pass spreadsheet data into an HTML/JavaScript code snippet to render visualizations. Here’s an example: Spreadsheet Setup: Organize your data in a parent-child format. Usually, this is the data that comes from Dimension. For this example, we will copy bellow table into dimension "OrgStructure" which will be used in...
Read More
HTML custom meter bar in Jedox

HTML custom meter bar in Jedox

by Jedox 4 Beginners6 Comments
Jedox is a powerful tool for spreadsheet-based planning, analysis, and reporting. One of its features is the ability to customize spreadsheets using HTML and CSS, allowing users to create visually appealing and interactive dashboards directly within their Jedox environment. In this beginner's guide, we'll walk you through the process of integrating HTML and CSS code into your Jedox spreadsheets, enabling you to design stunning visualizations and enhance the user experience. Step 1: Setting Up Your Jedox Spreadsheet First, open your Jedox environment and navigate to the spreadsheet where you want to implement custom styling. Create a new worksheet or open an existing one where you'd like to add visual elements. Step 2: Adding HTML and CSS Code Once you've selected your worksheet, you can start adding HTML and CSS code to customize its appearance. For example, let's say you want to create a meter bar to track project completion or budget consumption %. You can use the following code: <style> meter { ...
Read More