InfoGraphica by iFour

Transform your Power BI reports with InfoGraphica by IFour – an advanced custom visual designed to represent data using customizable icons.
Instead of relying solely on traditional bar or column charts, InfoGraphica enables you to display values as icon-based representations, making comparisons more intuitive, engaging, and visually appealing. With flexible customization options, InfoGraphica is ideal for representing quantities, hierarchies, and relationships, while maintaining interactivity and professional styling.

Key features

• Icon-Based Visualization-: Represent values using icons instead of bars or numbers.


• Value per Icon Setting-: Define how much each icon represents (e.g., 1 icon = 1000 units).


• Customizable Icon Presets-: Choose from built-in icons (Users, Hospital, Money, etc.).


• Custom SVG Support-: Add your own SVG icon code for fully personalized visuals.


• Custom Styling Options-: Control filled (selected) , partially filled(unselected) and background colors.


• Responsive Layout-: Works seamlessly across report sizes with scrollable containers.


• Interactive Visuals-: Explore relationships dynamically with engaging visual interactions.

Business use cases

• Human Resources-: Visualize employee counts, team structures, or resource allocation.


• Finance-: Display monetary values, profit breakdowns, or progress toward savings goals.


• Healthcare-: Track patient counts, hospital resources, or treatment progress.


• General Analytics-: Compare performance, monitor goals, or visualize hierarchies.

Notes on Custom SVG Icons

• You can enhance your reports with custom SVG icons, provided in a compatible format for smooth rendering.
• For the best experience:
• Use simple SVGs with a single <path> - these render perfectly for both full and partial icon fills.
• More complex SVGs (such as those with multiple paths, groups, or shapes) will still display, but only as full icons. Partial filling will not apply in such cases.
• Malformed or unsupported SVG code will not render correctly.
• Make sure your SVGs use the same viewBox (0 0 24 24 in your code) for consistent sizing and alignment.
• By using clean, minimal, and well-structured SVGs, your custom icons will integrate seamlessly with InfoGraphica's dynamic visualization engine.

Contact us at:

Email: info@ifourtechnolab.com

Phone: +1 410 892 1119