UI Layer Rasterization for SVG Chart Backend Load Reduction

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Conventional technologies overload backend services when multiple users interact with Scalable Vector Graphics (SVG) charts, leading to increased processing time and unsatisfactory user experiences due to the need for backend services to rasterize multiple images, resulting in scalability and reliability issues and higher costs.

Innovation Solution

A user interface layer performs rasterization of interactive SVG images, converting them into rasterized images using browser capabilities like JavaScript, and transmits these images directly to a reporting service, reducing backend dependency and load.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If backend services perform rasterization of multiple user interactions with SVG charts, then complete rasterization functionality is achieved, but processing time increases and system reliability deteriorates

Engineering Contradiction:

Improvesystem reliabilityVSAvoidprocessing time

Core Design Contradiction:

ReliabilityVSLoss of time

Solution Approach 1:

The patent segments the rasterization function from the backend service and assigns it to the user interface layer. This segmentation allows the backend to focus on data processing while the UI layer handles image rendering, reducing backend processing time and improving system reliability through distributed functionality.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The user interface layer acts as an intermediary between the SVG charts and the final rasterized output. Instead of the backend directly converting SVG to raster images, the UI layer performs this conversion using browser capabilities, reducing the backend's processing burden and improving overall system reliability.

Inventive Principle:

Principle #24Intermediary (Mediator)

2Productivity

If backend services handle rasterization for multiple users, then complete image processing is achieved, but device complexity and costs increase

Engineering Contradiction:

Improverasterization efficiencyVSAvoidbackend service complexity

Core Design Contradiction:

ProductivityVSDevice complexity

Solution Approach 1:

The user interface layer performs rasterization using browser-native capabilities such as HTML5 Canvas and JavaScript. This self-service approach eliminates the need for complex backend rasterization services, reducing device complexity while maintaining productivity through efficient client-side rendering.

Inventive Principle:

Principle #25Self-service

Solution Approach 2:

The patent replaces the mechanical backend service rasterization system with browser-based rendering capabilities. By using HTML5 Canvas and JavaScript execution in the user's browser, the system eliminates complex backend image processing infrastructure while maintaining efficient rasterization throughput.

Inventive Principle:

Principle #28Mechanics substitution (Replace mechanical system)

3Ease of operation

If backend services rasterize interactive SVG images, then image conversion is completed, but user interaction responsiveness decreases

Engineering Contradiction:

Improveuser interaction responsivenessVSAvoidimage conversion speed

Core Design Contradiction:

Ease of operationVSProductivity

Solution Approach 1:

The system performs preliminary actions by pre-rendering SVG charts in the user interface layer before user interaction requires the final output. This allows the browser to prepare rasterized versions in advance, making user interactions more responsive while maintaining efficient image conversion through client-side processing.

Inventive Principle:

Principle #10Preliminary action

Data Source

PatentUS11222449B2Smart visualization transformation for intuitive presentations

Publication Date: 2022.01.11 EMC IP HLDG CO LLC

AI summary

A method is used in processing graphics in computing environments. A user interface layer receives a request from a user to rasterize an interactive image rendered in a user interface. A rasterizing module rasterizes the interactive image at the user interface layer associated with the user interface. The rasterizing module transmits the rasterized image to a reporting service for reporting out the rasterized image.