Vehicle data driven animation visual display method and device
By matching real-time vehicle data streams with animation mapping rules to generate animation instructions that drive SVG graphic elements to update, the problem of abstract data display in existing vehicle diagnostic systems is solved, enabling intelligent linkage and efficient diagnosis.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- 深圳鼎匠科技有限公司
- Filing Date
- 2025-12-12
- Publication Date
- 2026-05-12
AI Technical Summary
In existing vehicle diagnostic systems, the way massive amounts of data are displayed is too abstract, requiring users to have professional knowledge to interpret them, resulting in low diagnostic efficiency and easy omission of key information.
By acquiring real-time vehicle data streams and using preset animation mapping rules to match data values with SVG graphic element attribute parameters, animation instructions are generated to drive the display interface update, achieving intelligent linkage and dynamic visualization of data and graphics.
It improves the flexibility and real-time responsiveness of data display, reduces the workload of manual interpretation, shortens the fault identification cycle, and enhances diagnostic efficiency and user experience.
Smart Images

Figure CN122023601A_ABST
Abstract
Description
Technical Field
[0001] This invention relates to the field of vehicle diagnostic technology, and in particular to a vehicle data-driven animation visualization method and apparatus. Background Technology
[0002] With the rapid development of automotive electronics technology, the number and complexity of vehicle electronic control units (ECUs) are constantly increasing, and the data streams they generate are becoming increasingly massive. In scenarios such as vehicle fault diagnosis and performance monitoring, how to clearly and intuitively present the massive, abstract real-time data (such as engine speed, coolant temperature, fault codes, etc.) generated by the ECUs to repair technicians or users has become the key to improving diagnostic efficiency and user experience. Currently, most existing vehicle diagnostic systems display data flows in the form of tables, charts, or plain text lists. This display method directly presents abstract numerical values to the user, requiring the user (such as a repair technician) to possess professional knowledge and experience to manually interpret the relationships between different data items. As the amount of data increases, the workload for users in compiling statistical data also increases, as does the processing time for processing statistical results, and it is also easy to miss key information when dealing with complex faults.
[0003] Therefore, it is particularly important to propose a technical solution that improves the flexibility of vehicle diagnostic data display in order to enhance the efficiency of vehicle diagnostic data analysis. Summary of the Invention
[0004] This invention provides a vehicle data-driven animation visualization method and apparatus, which can improve the flexibility of vehicle diagnostic data display and thus improve the analysis efficiency of vehicle diagnostic data.
[0005] To address the aforementioned technical problems, the first aspect of this invention discloses a vehicle data-driven animation visualization method, the method comprising: Obtain real-time data streams from vehicles; The real-time data stream is matched with a preset animation mapping rule to obtain a matching result. The animation mapping rule is used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of the SVG graphic elements. Based on the matching results, animation instructions are generated for adjusting the attribute parameters of the SVG graphic elements; According to the animation instructions, the SVG graphic elements on the display interface are driven to update their attributes to generate dynamic visualization effects that interact with the real-time data stream.
[0006] As an optional implementation, in the first aspect of the present invention, the step of matching the real-time data stream with a preset animation mapping rule to obtain a matching result includes: For each data point in the real-time data stream, the data features of the data point are identified. The data features are used to represent the type and behavior of the corresponding data point. The data features include at least one of the following: the data value, the data change trend, and the system status flag of the corresponding data point. Based on the data features, the corresponding target mapping rule is called from the preset rule base. The target mapping rule is used to define the conversion relationship between the data features and the attribute parameters of the SVG graphic elements. According to the target mapping rule, the data point is matched and the matching result is obtained.
[0007] As an optional implementation, in the first aspect of the present invention, the step of calling the corresponding target mapping rule from a preset rule base based on the data features includes: Determine the feature content included in the data features; Based on the described feature content, target mapping rules for matching the data features are selected from a preset rule base. The target mapping rule includes at least one of threshold triggering rule, trend mapping rule, and state association rule. The data value corresponds to the threshold triggering rule, the data change trend corresponds to the trend mapping rule, and the system state flag corresponds to the state association rule.
[0008] As an optional implementation, in the first aspect of the present invention, the step of performing a matching judgment on the data point according to the target mapping rule to obtain the matching result of the data point includes: According to the target mapping rule, the feature content of the data point is processed by the corresponding judgment logic; when the target mapping rule includes the threshold triggering rule, the data value of the data point is compared with the preset threshold in the threshold triggering rule to determine whether the data value is within the preset threshold range, and a matching result based on range determination is obtained. When the target mapping rule includes the trend mapping rule, the direction and rate of change of the data point are analyzed, and the direction and rate of change of the data change are mapped to the matching result of continuous adjustment of the attribute parameters of the SVG graphic element. When the target mapping rule includes the state association rule, the logical value of the system state flag to which the data point belongs is parsed, and the logical value is converted into a matching result for switching the display state of the associated SVG graphic element.
[0009] As an optional implementation, in the first aspect of the present invention, generating animation instructions for adjusting the attribute parameters of the SVG graphic elements based on the matching result includes: The matching results are analyzed to determine the target SVG graphic element that needs to be adjusted, the type of graphic attribute to be adjusted, and the corresponding attribute parameter value. Based on the graphic attribute type and the attribute parameter value, an animation instruction containing the target element identifier, attribute operation type and parameter assignment information is generated. The animation instruction is used to instruct the rendering engine to perform an attribute update operation with specific parameter values on the specified SVG graphic element.
[0010] As an optional implementation, in the first aspect of the present invention, driving the SVG graphic elements on the display interface to update their attributes according to the animation instructions to generate a dynamic visualization effect that interacts with the real-time data stream includes: Parse the received animation instructions to obtain the target element identifier, attribute operation type, and parameter assignment information contained therein; Based on the display environment parameters of the display interface, the attribute operation type and parameter assignment information are converted into a graphics attribute modification operation that the rendering engine can execute; Locate the corresponding target SVG graphic element in the SVG graphic template loaded in the display interface according to the target element identifier; The graphic attribute modification operation is applied to the target SVG graphic element to modify its corresponding graphic attribute value, and the rendering engine renders the display interface based on the modified graphic attribute value to generate a dynamic visualization effect that interacts with the real-time data stream.
[0011] As an optional implementation, in the first aspect of the present invention, the method further includes: Conflict detection is performed on all animation instructions currently to be executed, and multiple conflicting instructions with the same target SVG graphic element but contradictory graphic attribute modification operations are identified. Based on preset instruction priority rules, the identified conflicting instructions are resolved. The instruction priority rules are used to define the priority order of instructions to be executed when different animation mapping rules trigger instruction conflicts. The driver displays an updated interface based on the resolution results.
[0012] A second aspect of the present invention discloses a vehicle data-driven animation visualization display device, the device comprising: The acquisition module is used to acquire real-time data streams from vehicles. The matching module is used to match the real-time data stream with preset animation mapping rules to obtain a matching result. The animation mapping rules are used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of SVG graphic elements. A generation module is used to generate animation instructions for adjusting the attribute parameters of the SVG graphic elements based on the matching results; The driving module is used to drive the SVG graphic elements on the display interface to update their attributes according to the animation instructions, so as to generate dynamic visualization effects that are linked with the real-time data stream.
[0013] As an optional implementation, in a second aspect of the present invention, the matching module matches the real-time data stream with preset animation mapping rules to obtain the matching result in the following specific ways: For each data point in the real-time data stream, the data features of the data point are identified. The data features are used to represent the type and behavior of the corresponding data point. The data features include at least one of the following: the data value, the data change trend, and the system status flag of the corresponding data point. Based on the data features, the corresponding target mapping rule is called from the preset rule base. The target mapping rule is used to define the conversion relationship between the data features and the attribute parameters of the SVG graphic elements. According to the target mapping rule, the data point is matched and the matching result is obtained.
[0014] As an optional implementation, in the second aspect of the present invention, the specific method by which the matching module calls the corresponding target mapping rule from a preset rule base based on the data features includes: Determine the feature content included in the data features; Based on the described feature content, target mapping rules for matching the data features are selected from a preset rule base. The target mapping rule includes at least one of threshold triggering rule, trend mapping rule, and state association rule. The data value corresponds to the threshold triggering rule, the data change trend corresponds to the trend mapping rule, and the system state flag corresponds to the state association rule.
[0015] As an optional implementation, in the second aspect of the present invention, the matching module performs a matching judgment on the data point according to the target mapping rule to obtain the matching result of the data point in the following specific ways: According to the target mapping rule, the feature content of the data point is processed by the corresponding judgment logic; when the target mapping rule includes the threshold triggering rule, the data value of the data point is compared with the preset threshold in the threshold triggering rule to determine whether the data value is within the preset threshold range, and a matching result based on range determination is obtained. When the target mapping rule includes the trend mapping rule, the direction and rate of change of the data point are analyzed, and the direction and rate of change of the data change are mapped to the matching result of continuous adjustment of the attribute parameters of the SVG graphic element. When the target mapping rule includes the state association rule, the logical value of the system state flag to which the data point belongs is parsed, and the logical value is converted into a matching result for switching the display state of the associated SVG graphic element.
[0016] As an optional implementation, in a second aspect of the present invention, the specific method by which the generation module generates animation instructions for adjusting the attribute parameters of the SVG graphic elements based on the matching result includes: The matching results are analyzed to determine the target SVG graphic element that needs to be adjusted, the type of graphic attribute to be adjusted, and the corresponding attribute parameter value. Based on the graphic attribute type and the attribute parameter value, an animation instruction containing the target element identifier, attribute operation type and parameter assignment information is generated. The animation instruction is used to instruct the rendering engine to perform an attribute update operation with specific parameter values on the specified SVG graphic element.
[0017] As an optional implementation, in a second aspect of the present invention, the specific method by which the driving module drives the SVG graphic elements on the display interface to update their attributes according to the animation instructions to generate a dynamic visualization effect that interacts with the real-time data stream includes: Parse the received animation instructions to obtain the target element identifier, attribute operation type, and parameter assignment information contained therein; Based on the display environment parameters of the display interface, the attribute operation type and parameter assignment information are converted into a graphics attribute modification operation that the rendering engine can execute; Locate the corresponding target SVG graphic element in the SVG graphic template loaded in the display interface according to the target element identifier; The graphic attribute modification operation is applied to the target SVG graphic element to modify its corresponding graphic attribute value, and the rendering engine renders the display interface based on the modified graphic attribute value to generate a dynamic visualization effect that interacts with the real-time data stream.
[0018] As an optional implementation, in a second aspect of the invention, the apparatus further includes: The identification module is used to perform conflict detection on all animation instructions to be executed, and to identify multiple conflicting instructions that have the same target SVG graphic elements but whose indicated graphic attribute modification operations contradict each other. The processing module is used to resolve the identified conflicting instructions based on preset instruction priority rules. The instruction priority rules are used to define the priority order of instructions to be executed when instruction conflicts are triggered by different animation mapping rules. The driving module is also used to drive the display interface to update based on the digestion results.
[0019] A third aspect of the present invention discloses another vehicle data-driven animation visualization display device, the device comprising: Memory containing executable program code; A processor coupled to the memory; The processor calls the executable program code stored in the memory to execute the vehicle data-driven animation visualization method disclosed in the first aspect of the present invention.
[0020] The fourth aspect of the present invention discloses a computer storage medium storing computer instructions, which, when invoked, are used to execute the vehicle data-driven animation visualization method disclosed in the first aspect of the present invention.
[0021] Compared with the prior art, the embodiments of the present invention have the following beneficial effects: In this embodiment of the invention, real-time vehicle data stream is acquired; the real-time data stream is matched with preset animation mapping rules to obtain a matching result. The animation mapping rules define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of SVG graphic elements; based on the matching result, animation instructions for adjusting the attribute parameters of SVG graphic elements are generated; based on the animation instructions, the SVG graphic elements on the display interface are driven to update their attributes to generate a dynamic visualization effect that interacts with the real-time data stream. It is evident that implementing this invention can improve the automation of data-to-visualization conversion by matching the real-time data stream with preset animation mapping rules and generating animation instructions. This helps reduce the workload of manual data interpretation, thereby reducing the operational complexity of vehicle diagnosis, achieving intelligent linkage between data processing and graphic display, improving the display flexibility of vehicle diagnostic data, and thus improving the analysis efficiency of vehicle diagnostic data. By driving the attributes of SVG graphic elements to update in real time based on animation instructions, the real-time responsiveness of the visualization effect to data changes is improved, allowing users to instantly perceive transient anomalies in the vehicle's status, thereby shortening the fault identification and response cycle and achieving near real-time monitoring of the vehicle's status. By utilizing Scalable Vector Graphics (SVG) technology, the flexibility of the visualization interface on different display terminals can be improved, which helps to ensure the clarity of the display effect under various screen sizes and resolutions, thereby improving the versatility of the method in different hardware environments and realizing a one-stop visualization solution. Attached Figure Description
[0022] To more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.
[0023] Figure 1 This is a flowchart illustrating a vehicle data-driven animation visualization method disclosed in an embodiment of the present invention. Figure 2 This is a flowchart illustrating another vehicle data-driven animation visualization method disclosed in an embodiment of the present invention. Figure 3 This is a schematic diagram of the structure of a vehicle data-driven animation visualization display device disclosed in an embodiment of the present invention; Figure 4 This is a schematic diagram of another vehicle data-driven animation visualization display device disclosed in an embodiment of the present invention; Figure 5 This is a structural schematic diagram of another vehicle data-driven animation visualization display device disclosed in an embodiment of the present invention. Detailed Implementation
[0024] To enable those skilled in the art to better understand the present invention, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.
[0025] The terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this invention are used to distinguish different objects, not to describe a specific order. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion. For example, a process, method, apparatus, product, or end that includes a series of steps or units is not limited to the listed steps or units, but may optionally include steps or units not listed, or may optionally include other steps or units inherent to these processes, methods, products, or ends.
[0026] In this document, the term "embodiment" means that a particular feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of the invention. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a separate or alternative embodiment mutually exclusive with other embodiments. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described herein can be combined with other embodiments.
[0027] This invention discloses a vehicle data-driven animation visualization method and apparatus. By matching real-time data streams with preset animation mapping rules and generating animation instructions, it improves the automation of data-to-visualization conversion, thereby reducing the workload of manual data interpretation and the operational complexity of vehicle diagnostics. It achieves intelligent linkage between data processing and graphical display, enhancing the flexibility of vehicle diagnostic data display and improving the efficiency of vehicle diagnostic data analysis. By driving SVG graphic element attributes to update in real-time based on animation instructions, it improves the real-time responsiveness of visualization to data changes, enabling users to instantly perceive transient anomalies in vehicle status, shortening the fault identification and response cycle, and achieving near real-time monitoring of vehicle status. By utilizing Scalable Vector Graphics (SVG) technology, it improves the adaptability of the visualization interface on different display terminals, ensuring clarity of display effects at various screen sizes and resolutions, and enhancing the method's versatility across different hardware environments, achieving a one-stop visualization solution. Detailed descriptions follow.
[0028] Example 1 Please see Figure 1 , Figure 1 This is a flowchart illustrating a vehicle data-driven animation visualization method disclosed in an embodiment of the present invention. Figure 1 The described vehicle data-driven animation visualization method can be applied to vehicle diagnostic equipment, and also to intelligent devices related to vehicle diagnostic equipment. These intelligent devices include, but are not limited to, one or more of ECU devices, cloud devices, edge computing devices, relay devices, base station devices, urban management devices, and intelligent connected devices; the embodiments of this invention do not limit this application. Figure 1 As shown, the vehicle data-driven animation visualization method may include the following operations: 101. Obtain the real-time data stream of the vehicle; In this embodiment of the invention, optionally, for acquiring the vehicle's real-time data stream: this step can be implemented using a hardware-level data acquisition device (e.g., a VCI device). The VCI device establishes communication with the vehicle network (such as a CAN bus) through the vehicle's OBD-II diagnostic interface, listening to and reading real-time data broadcast by the vehicle's ECU at a fixed frequency (e.g., 10 times per second). These data streams contain hundreds of parameters, such as engine speed (RPM), vehicle speed (VSS), coolant temperature (ECT), and various fault codes (DTCs). The data streams are transmitted in the form of data packets to a diagnostic application on a display terminal (such as a tablet computer) via wired (USB) or wireless (Bluetooth, Wi-Fi) methods.
[0029] Alternatively, the system can predefine reasonable physical ranges for each data parameter. For example, the reasonable range for engine speed (RPM) can be set to [0, 8000] (unit: rpm), and the reasonable range for coolant temperature (ECT) can be set to [-40, 130] (unit: ℃).
[0030] Handling: When the value of a data point exceeds its reasonable range, the system marks it as an outlier. For outliers, the system adopts one of the following strategies for handling: Previous value replacement: Replace the current outlier value with the previous valid normal value of this parameter.
[0031] Interpolation processing: When outliers occur consecutively, linear interpolation is performed based on the preceding and following normal values.
[0032] Ignore and alert: Discard the abnormal data point and record an alert in the system log, but do not halt the entire data processing flow.
[0033] Outlier processing can effectively filter out interference data caused by sensor noise or communication errors, improve the reliability and robustness of input data, thus helping to avoid erroneous data triggering misleading animation effects and ultimately ensuring the accuracy of the final visualization results.
[0034] Alternatively, the system can map the original data values after outlier processing to the range [0, 1]. The logic of the standardization formula is as follows: Standardized value = (Current data value - Lower limit of the parameter range) / (Upper limit of the parameter range - Lower limit of the parameter range).
[0035] Example: For speed (range 0-8000 rpm), when the actual value is 4000 rpm, its standardized value = (4000 - 0) / (8000 - 0) = 0.5. For water temperature (range -40~130℃), when the actual value is 95℃, its standardized value = (95 - (-40)) / (130 - (-40)) ≈ 0.794.
[0036] Data standardization eliminates the differences caused by different physical units, improves the comparability between data, and enables the rule engine to use unified logic to process different types of data. This, in turn, simplifies rule design and enhances the system's versatility and scalability.
[0037] Alternatively, instead of simply using all hundreds of data streams to drive the animation, the system can extract key data dimensions representing the state of a specific component from the massive data streams based on a predefined "component-data" mapping relationship.
[0038] Example: For the "engine" component, the system may only focus on 10 core data streams such as "engine speed", "intake manifold absolute pressure", and "ignition advance angle". These extracted data dimensions will be sent to the subsequent rule matching module.
[0039] Feature extraction reduces the dimensionality and complexity of data processing and rule matching, thereby improving the real-time response speed of the system and enabling a focus on key state information for efficient visualization.
[0040] Alternatively, embodiments of the present invention can also dynamically adjust the input for rule matching or the rule base itself in response to user interaction commands. This step is executed by the interaction feedback module, demonstrating the system's flexible adaptability to user needs.
[0041] Receiving interactive commands: Users issue commands through controls on the graphical interface (such as checkboxes, drop-down menus, and sliders). For example: Data filtering instructions: The user selects "Show only engine-related parameters".
[0042] Display preferences directive: The user changes the display color of "Intake Airflow" from the default blue to red.
[0043] View switching command: The user clicks the "ABS System Details" button.
[0044] Dynamic adjustment mechanism: For data filtering instructions: Based on the user's selection, the system will dynamically filter the data stream to be sent to the rule engine after feature extraction in step 302. For example, when the user selects "Show only engine-related parameters", the system will only retain data dimensions associated with engine components, and data from systems such as braking and body will be temporarily ignored.
[0045] For display preference directives: This directive dynamically modifies the corresponding rules in the rule base. For example, after a user changes their color preference for "Intake Airflow Rate," the system will find all rules in the rule base that control the display color of "Intake Airflow Rate," and update the target color attribute value (such as "fill") from "blue" to "red." Subsequent rule matching will be performed based on the new rule.
[0046] For view switching commands: This command triggers the loading of different SVG graphic templates and rule library subsets. For example, when switching to the "ABS System Details" view, the system will perform the following operations: Unload the currently displayed SVG template.
[0047] Load an SVG graphic template designed specifically for ABS systems (which mainly contains schematic diagrams of elements such as ABS pumps and wheel speed sensors).
[0048] Activate the subset of rules in the rule base that are specifically preset for ABS system data flow and graphic elements, while suspending the matching of other irrelevant rules.
[0049] By introducing a dynamic adjustment mechanism for data processing flow and rule base through user interaction, the interactivity and customizability of the system are improved, which helps to meet the personalized needs of different users in different diagnostic scenarios, thereby improving user experience and diagnostic efficiency, and realizing the upgrade from "static display" to "dynamic interaction".
[0050] 102. Match the real-time data stream with the preset animation mapping rules to obtain the matching results. The animation mapping rules are used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of the SVG graphic elements. In this embodiment of the invention, optionally, the step of matching the real-time data stream with preset animation mapping rules can be executed by the rule engine module of the software layer. Animation mapping rules are a set of predefined logical statements stored in a rule base (such as a JSON configuration file or database table). Each rule specifies a condition for one or a class of data values, and what adjustment should be made to which attribute of which SVG graphic element when the condition is met. For example, a rule can be defined as: IF Data Identifier == "ECT" AND Data Value >= 100 THEN Target Element = "Thermometer Pointer" AND Attribute = "fill" AND New Value = "red". The matching process involves iterating through these rules using each data point in the real-time data stream to find all triggered rules.
[0051] In this embodiment of the invention, as an optional implementation, the above-mentioned matching of the real-time data stream with preset animation mapping rules to obtain a matching result includes: For each data point in the real-time data stream, identify the data features of the data point. The data features are used to represent the type and behavior of the corresponding data point. The data features include at least one of the following features: the data value of the corresponding data point, the data change trend, and the status flag of the system to which it belongs. Based on data features, the corresponding target mapping rules are called from the preset rule base. The target mapping rules are used to define the conversion relationship between data features and SVG graphic element attribute parameters. According to the target mapping rules, the data point is matched and the matching result is obtained.
[0052] In this embodiment of the invention, optionally, for the data characteristics of the aforementioned identified data points: the data processing module can parse and enhance the original data points. Data values are numerical values directly parsed from data packets (e.g., ECT=95). Data change trends are obtained through simple calculations on historical data buffers (e.g., the most recent 10 data points), for example, calculating the slope to determine the direction (rising / falling / stable), and calculating the variance or recent change magnitude to determine the intensity of the rate of change. The system status flag is a specific flag bit extracted from the data stream (e.g., a single bit in a byte), whose logical value (0 or 1) indicates a status such as whether the ABS system is activated.
[0053] Alternatively, for the above-mentioned invocation of target mapping rules based on data features: the rules in the rule base are indexed according to the type of data feature. The system first determines which feature of the current data point is the most significant or relevant (for example, fault code data prioritizes status flags, and sensor data prioritizes data values), and then searches for matching rules in the corresponding rule partition.
[0054] Alternatively, a matching judgment can be performed on the above: the rules that can be invoked contain the judgment logic themselves. The system substitutes the specific content of the data features into the condition part of the rule for logical judgment, and the output result is a boolean value (true or false). If it is true, the rule is triggered, and the matching result is the animation action defined by the rule.
[0055] As can be seen, implementing this optional embodiment can improve the depth and accuracy of understanding the connotation of data by identifying the multidimensional data characteristics (data value, trend of change, status indicator) of each data point. This facilitates a more comprehensive characterization of the data type and behavior, and provides a precise basis for selecting the most suitable mapping rule, achieving an upgrade from "single numerical judgment" to "multidimensional behavioral analysis". By calling the corresponding target mapping rule based on data characteristics, the targeting and intelligence level of the rule matching process can be improved, enabling animation effects to more accurately reflect the inherent characteristics of the data (such as static values, dynamic trends, on / off states), thereby enhancing the accuracy and richness of visualization.
[0056] In this optional embodiment, as an optional implementation method, the above-mentioned method of calling the corresponding target mapping rule from a preset rule base based on data features includes: Determine the feature content included in the data features; Based on the feature content, target mapping rules for matching data features are selected from a pre-defined rule base; The target mapping rule includes at least one of the following: threshold triggering rule, trend mapping rule, and state association rule. The data value corresponds to the threshold triggering rule, the data change trend corresponds to the trend mapping rule, and the system state flag corresponds to the state association rule.
[0057] In this embodiment of the invention, optionally, regarding the aforementioned determined features: the system can parse the data points to determine which features they possess. For example, an engine speed data point has a data value (e.g., 2500 RPM) and may also have a calculated data change trend (e.g., it is slowly rising), but it typically does not contain system status indicators.
[0058] Further, optionally, for the above matching target mapping rules: Threshold trigger rule: Applicable to data with numerical value characteristics. The rule condition is a numerical comparison (e.g., RPM > 7000). When the data point is RPM, the system will automatically look for this type of rule.
[0059] Trend mapping rules: Applicable to data exhibiting trend characteristics. Rule conditions may describe the trend (e.g., trend direction == upward AND rate of change > threshold). These rules are invoked when the focus is on the data's change process (e.g., plotting real-time graphs).
[0060] State association rules: Applicable to data that has the characteristics of a system state flag. The rule condition is a judgment of the state bit (e.g., ABS_state == 1). This type of rule is invoked when the data point represents a switch state.
[0061] As can be seen, implementing this optional embodiment can improve the rationality and systematicness of the rule matching mechanism by establishing a clear correspondence between data feature types (data values, change trends, status flags) and mapping rule categories (threshold triggering, trend mapping, status association). This facilitates the rapid and accurate allocation of appropriate animation logic to data of different natures, thereby improving the execution efficiency and maintainability of the entire rule engine and realizing a highly structured data processing flow.
[0062] In this optional embodiment, as another optional implementation, the above-mentioned matching judgment of the data point according to the target mapping rule to obtain the matching result of the data point includes: According to the target mapping rule, the corresponding judgment logic is used to process the feature content of the data point; when the target mapping rule includes a threshold triggering rule, the data value of the data point is compared with the preset threshold in the threshold triggering rule to determine whether the data value is within the preset threshold range, and a matching result based on the range judgment is obtained. When the target mapping rule includes a trend mapping rule, analyze the direction and intensity of the data change trend of the data point, and map the direction and intensity of the data change trend to the matching result of continuous adjustment of the attribute parameters of the SVG graphic element; When the target mapping rule includes state association rules, the logical value of the system state flag to which the data point belongs is parsed, and the logical value is converted into a matching result for the display state switching of the associated SVG graphic elements.
[0063] In this embodiment of the invention, optionally, for threshold triggering rules, the matching judgment can be a numerical comparison. For example, the rule presets a threshold range of [90, 105]. If the data value ECT=95 falls within this range, the matching result is "triggered", and the animation parameters defined in the rule (such as turning red) are recorded.
[0064] For trend mapping rules: Matching judgments can be based on trend analysis and mapping. For example, the analysis might determine that the direction of the vehicle speed change trend is "increasing," and the intensity of the rate of change is "strong." The matching result is not a simple "yes / no," but rather maps "increasing" and "strong" to a "continuity adjustment" instruction for SVG trend graph attributes (such as the speed of line drawing), for example, "shorten the animation duration of the line drawing to 0.2 seconds" to reflect the rapid increase in vehicle speed.
[0065] For state association rules: the matching judgment can be the parsing of the logical value of the state flag. For example, parsing the ABS_state flag bit changes from 0 to 1. The matching result is to convert this logical value "1" into a "show state toggle" instruction for the associated SVG icon (such as the ABS warning light), that is, to switch from "hidden" to "show" and perform a blinking animation.
[0066] As can be seen, implementing this optional embodiment can improve the professionalism and fit of data-to-animation parameter conversion by using differentiated judgment logic (interval judgment, continuous adjustment mapping, state switching) for different types of mapping rules. This facilitates the use of the most suitable animation form to represent data changes of different natures (such as discrete threshold crossings, continuous trend changes, and binary state transitions), thereby greatly enhancing the expressiveness and accuracy of the final visualization effect. By mapping the direction and intensity of data change trends to continuous adjustments of animation parameters, the granularity of the description of the dynamic process of data is improved. This allows users to not only perceive "what" the data is, but also "how" it changes, thus providing intuitive visual cues for performance analysis and trend prediction, achieving dynamic process visualization that goes beyond static alarms.
[0067] 103. Based on the matching results, generate animation instructions for adjusting the attribute parameters of SVG graphic elements; In this embodiment of the invention, optionally, for the above-mentioned generation of animation instructions based on the matching results: The matching results are a set of one or more triggered rules. The animation generation module parses these rules and transforms them into low-level operation instructions that the rendering engine can understand. For example, for the above-mentioned triggered rules, the generated animation instructions may include: {elementId: "coolant_needle", attribute: "fill", value: "red", duration: 0}. This instruction is a structured data object that explicitly indicates the operation object, attribute type, and target value.
[0068] In this embodiment of the invention, as another optional implementation, the above-mentioned generation of animation instructions for adjusting the attribute parameters of SVG graphic elements based on the matching results includes: Parse the matching results to determine the target SVG graphic element that needs to be adjusted, the type of graphic attribute to be adjusted, and the corresponding attribute parameter value; Based on the graphic attribute type and attribute parameter value, an animation instruction is generated that includes the target element identifier, attribute operation type, and parameter assignment information. The animation instruction is used to instruct the rendering engine to perform an attribute update operation with specific parameter values on the specified SVG graphic element.
[0069] In this embodiment of the invention, optionally, for the above-mentioned parsing and matching result: the matching result may be a rule object {target: "warning_light", action: "setVisibility", value: "visible", condition: "DTC_Present"}. After parsing, it is determined that: the target SVG graphic element is the element with the ID "warning_light"; the graphic attribute type to be adjusted is "visibility"; and the corresponding attribute parameter value is "visible".
[0070] Alternatively, for the animation generation instructions mentioned above: based on the above information, the system can generate a structured instruction object. For example: `{command: "update", elementId: "warning_light", attributes:[{name: "visibility", value: "visible"}], options: {}}`. This instruction contains the target element identifier ("warning_light"), the attribute operation type ("update" meaning update), and parameter assignment information (assigning the "visibility" attribute to "visible"). This instruction can be parsed and executed by standard SVG rendering engines.
[0071] As can be seen, implementing this optional embodiment can improve the completeness and standardization of instruction information by parsing the matching results and generating structured animation instructions (including target elements, operation types, and parameter values). This helps ensure that the rendering engine can execute the expected animation effects without ambiguity, thereby enhancing the reliability and consistency of communication between various modules of the system and achieving a high-fidelity conversion from business logic to rendering operations. By abstracting animation effects into unified attribute update operations, the decoupling degree between the animation generation module and the underlying rendering technology can be improved, thereby reducing the dependency between different parts of the system and improving the system's scalability and maintainability.
[0072] 104. Based on the animation instructions, drive the SVG graphic elements on the display interface to update their attributes to generate dynamic visualization effects that interact with the real-time data stream.
[0073] In this embodiment of the invention, optionally, the step of driving SVG graphic elements to update attributes according to animation instructions can be completed collaboratively by the linkage control module and the rendering engine of the terminal browser. The linkage control module sends the animation instructions to the display interface. An SVG graphic template file (e.g., an .svg file depicting a car dashboard) has been preloaded in the display interface. After receiving the instructions, the rendering engine (such as the SVG DOM processor in a web browser) finds the SVG element specified in the instructions through the Document Object Model interface (e.g., document.getElementById("coolant_needle")) and calls the corresponding API to set its attributes (e.g., element.setAttribute("fill", "red")). After the attributes are updated, the rendering engine immediately redraws the display interface, thereby producing the animation effect. This loop continues as new data packets arrive, realizing real-time linkage between visualization effects and data flow.
[0074] In another optional implementation of this invention, the above-mentioned method of driving SVG graphic elements on the display interface to update their attributes according to animation instructions to generate a dynamic visualization effect that interacts with the real-time data stream includes: Parse the received animation instructions to obtain the target element identifier, attribute operation type, and parameter assignment information contained therein; Based on the display environment parameters of the display interface, the attribute operation type and parameter assignment information are converted into graphic attribute modification operations that can be executed by the rendering engine; Locate the corresponding target SVG graphic element in the SVG graphic template loaded in the display interface based on the target element identifier; The graphic attribute modification operation is applied to the target SVG graphic element to modify its corresponding graphic attribute value. The rendering engine then renders the display interface based on the modified graphic attribute value to generate a dynamic visualization effect that interacts with the real-time data stream.
[0075] In this embodiment of the invention, optionally, for the above-mentioned parsing animation instructions: the rendering engine of the display end receives the instructions and extracts key information: which element to operate (elementId), which attribute to set (attributename), and what value to set (value).
[0076] Further, optionally, for the aforementioned conversion to graphics attribute modification operations: the rendering engine translates the instructions into API calls to the underlying graphics library. For example, in a web environment, this corresponds to calling `element.setAttribute(attributeName, value)`. Display environment parameters such as screen resolution may affect some calculations (e.g., scaling), but the core attribute assignment operation is universal.
[0077] Alternatively, for the aforementioned target SVG graphic element, the rendering engine can locate the corresponding XML element node in the loaded SVG document tree by its ID (i.e., the target element identifier).
[0078] Alternatively, for the aforementioned modification of attributes and re-rendering: the engine calls the API to modify the element's attributes. After the attribute value changes, the engine's rendering loop detects the DOM change and automatically triggers a repaint, displaying the new graphical state on the screen, allowing the user to see the dynamic visualization effect.
[0079] As can be seen, implementing this optional embodiment can improve the accuracy and reliability of the final rendering stage by parsing animation instructions, locating target elements, and performing attribute modification operations. This helps ensure that every data change is accurately mapped to the specific attributes of the specified graphic elements, thereby guaranteeing a high degree of consistency between the final visualization effect and the original data intent, achieving precise end-to-end visualization. By considering display environment parameters during instruction conversion, the rendering adaptability of the visualization effect on different terminals can be improved, thus facilitating a consistent visual experience on devices with different performance and processing capabilities, thereby enhancing the practical value of the method and the user experience.
[0080] As can be seen, implementing the embodiments of the present invention can improve the automation of data-to-visualization conversion by matching real-time data streams with preset animation mapping rules and generating animation instructions. This helps reduce the workload of manual data interpretation, thereby reducing the operational complexity of vehicle diagnosis, achieving intelligent linkage between data processing and graphic display, improving the display flexibility of vehicle diagnostic data, and thus improving the analysis efficiency of vehicle diagnostic data. By driving SVG graphic element attributes to update in real time based on animation instructions, the real-time responsiveness of visualization effects to data changes can be improved, allowing users to instantly perceive transient anomalies in vehicle status, thereby shortening the fault identification and response cycle and achieving near real-time monitoring of vehicle status. By utilizing Scalable Vector Graphics (SVG) technology, the adaptability of the visualization interface on different display terminals can be improved, ensuring the clarity of the display effect under various screen sizes and resolutions, thereby enhancing the versatility of the method in different hardware environments and achieving a one-stop visualization solution.
[0081] Example 2 Please see Figure 2 , Figure 2 This is a flowchart illustrating another vehicle data-driven animation visualization method disclosed in an embodiment of the present invention. Figure 2 The described vehicle data-driven animation visualization method can be applied to vehicle diagnostic equipment, and also to intelligent devices related to vehicle diagnostic equipment. These intelligent devices include, but are not limited to, one or more of ECU devices, cloud devices, edge computing devices, relay devices, base station devices, urban management devices, and intelligent connected devices; the embodiments of this invention do not limit this application. Figure 2 As shown, the vehicle data-driven animation visualization method may include the following operations: 201. Obtain the real-time data stream of the vehicle; 202. Match the real-time data stream with the preset animation mapping rules to obtain the matching results. The animation mapping rules are used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of the SVG graphic elements. 203. Based on the matching results, generate animation instructions for adjusting the attribute parameters of SVG graphic elements; 204. Based on the animation instructions, drive the SVG graphic elements on the display interface to update their attributes to generate dynamic visualization effects that interact with the real-time data stream.
[0082] In this embodiment of the invention, for other supplementary explanations of steps 201-204, please refer to the supplementary explanations of steps 101-104 in Embodiment 1. This embodiment of the invention will not repeat them here.
[0083] 205. Perform conflict detection on all animation instructions to be executed, and identify multiple conflicting instructions that have the same target SVG graphic element but indicate contradictory graphic attribute modification operations. 206. Based on the preset instruction priority rules, the identified conflicting instructions are resolved. The instruction priority rules are used to define the priority order of instructions to be executed when instruction conflicts are triggered by different animation mapping rules. 207. Based on the digestion results, update the driver display interface.
[0084] In this embodiment of the invention, optionally, for the above-mentioned conflict detection: the system can maintain a list of instructions to be executed in the current frame. Before execution, the list is traversed to check whether there are instructions targeting the same element with the same attributes but different parameter values. For example, instruction A requires setting the color of the "water thermometer" to "yellow" (water temperature = 98℃), while instruction B requires setting it to "red" (water temperature = 105℃), and the two conflict.
[0085] Alternatively, for the aforementioned priority-based rule resolution, the system can preset instruction priority rules. For example, the rule could be defined as: "Status-related rules (such as fault alarms) have higher priority than threshold-triggered rules (such as normal status indications)." Or, at a more granular level: "Animations triggered by safety-related fault codes have the highest priority." According to this rule, the system will select the highest-priority instruction from the conflicting instructions and keep it, discarding the rest.
[0086] Further optionally, regarding the above update based on the resolution result: ultimately, only the final set of animation instructions that has been determined after resolution and is conflict-free will be sent to the rendering engine for execution, ensuring the consistency and correctness of the display logic and avoiding flickering or state confusion of graphic elements.
[0087] As can be seen, implementing the embodiments of the present invention can improve the rationality of system decision-making and output stability in complex scenarios by detecting and resolving conflicting instructions. This helps to avoid the confusion or flickering of graphical element states caused by multiple rules being triggered simultaneously, thereby ensuring that clear and unambiguous visual information is delivered to users, achieving reliable professional-grade diagnostic visualization. It can resolve conflicts through preset instruction priority rules, improving the system's intelligence level in handling abnormal or complex fault situations. This helps to ensure that the most important alarms or status information are displayed first, thereby enhancing the practicality of the method in safety-critical scenarios and realizing a rule-based intelligent decision-making mechanism.
[0088] Example 3 Please see Figure 3 , Figure 3 This is a schematic diagram of a vehicle data-driven animation visualization display device disclosed in an embodiment of the present invention. This vehicle data-driven animation visualization display device can be applied to vehicle diagnostic equipment, and also to intelligent devices related to vehicle diagnostic equipment. These intelligent devices include, but are not limited to, one or more of the following: ECU devices, cloud devices, edge computing devices, relay devices, base station devices, urban management devices, and intelligent connected devices. The present invention does not limit the application of these devices. Figure 3 As shown, the vehicle data-driven animation visualization display device may include: The acquisition module 301 is used to acquire the real-time data stream of the vehicle; The matching module 302 is used to match the real-time data stream with the preset animation mapping rules to obtain the matching result. The animation mapping rules are used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of the SVG graphic elements. The generation module 303 is used to generate animation instructions for adjusting the attribute parameters of SVG graphic elements based on the matching results; The driver module 304 is used to drive the SVG graphic elements on the display interface to update their attributes according to the animation instructions, so as to generate dynamic visualization effects that interact with the real-time data stream.
[0089] As can be seen, implementing the embodiments of the present invention can improve the automation of data-to-visualization conversion by matching real-time data streams with preset animation mapping rules and generating animation instructions. This helps reduce the workload of manual data interpretation, thereby reducing the operational complexity of vehicle diagnosis, achieving intelligent linkage between data processing and graphic display, improving the display flexibility of vehicle diagnostic data, and thus improving the analysis efficiency of vehicle diagnostic data. By driving SVG graphic element attributes to update in real time based on animation instructions, the real-time responsiveness of visualization effects to data changes can be improved, allowing users to instantly perceive transient anomalies in vehicle status, thereby shortening the fault identification and response cycle and achieving near real-time monitoring of vehicle status. By utilizing Scalable Vector Graphics (SVG) technology, the adaptability of the visualization interface on different display terminals can be improved, ensuring the clarity of the display effect under various screen sizes and resolutions, thereby enhancing the versatility of the method in different hardware environments and achieving a one-stop visualization solution.
[0090] In this embodiment of the invention, as an optional implementation, the matching module 302 matches the real-time data stream with preset animation mapping rules to obtain the matching result in the following specific ways: For each data point in the real-time data stream, identify the data features of the data point. The data features are used to represent the type and behavior of the corresponding data point. The data features include at least one of the following features: the data value of the corresponding data point, the data change trend, and the status flag of the system to which it belongs. Based on data features, the corresponding target mapping rules are called from the preset rule base. The target mapping rules are used to define the conversion relationship between data features and SVG graphic element attribute parameters. According to the target mapping rules, the data point is matched and the matching result is obtained.
[0091] As can be seen, implementing this optional embodiment can improve the depth and accuracy of understanding the connotation of data by identifying the multidimensional data characteristics (data value, trend of change, status indicator) of each data point. This facilitates a more comprehensive characterization of the data type and behavior, and provides a precise basis for selecting the most suitable mapping rule, achieving an upgrade from "single numerical judgment" to "multidimensional behavioral analysis". By calling the corresponding target mapping rule based on data characteristics, the targeting and intelligence level of the rule matching process can be improved, enabling animation effects to more accurately reflect the inherent characteristics of the data (such as static values, dynamic trends, on / off states), thereby enhancing the accuracy and richness of visualization.
[0092] In this optional embodiment, as an optional implementation method, the specific way in which the matching module 302 calls the corresponding target mapping rule from the preset rule base based on data features includes: Determine the feature content included in the data features; Based on the feature content, target mapping rules for matching data features are selected from a pre-defined rule base; The target mapping rule includes at least one of the following: threshold triggering rule, trend mapping rule, and state association rule. The data value corresponds to the threshold triggering rule, the data change trend corresponds to the trend mapping rule, and the system state flag corresponds to the state association rule.
[0093] As can be seen, implementing this optional embodiment can improve the rationality and systematicness of the rule matching mechanism by establishing a clear correspondence between data feature types (data values, change trends, status flags) and mapping rule categories (threshold triggering, trend mapping, status association). This facilitates the rapid and accurate allocation of appropriate animation logic to data of different natures, thereby improving the execution efficiency and maintainability of the entire rule engine and realizing a highly structured data processing flow.
[0094] In this optional embodiment, as another optional implementation, the matching module 302 performs a matching judgment on the data point according to the target mapping rules, and obtains the matching result of the data point in the following specific ways: According to the target mapping rule, the corresponding judgment logic is used to process the feature content of the data point; when the target mapping rule includes a threshold triggering rule, the data value of the data point is compared with the preset threshold in the threshold triggering rule to determine whether the data value is within the preset threshold range, and a matching result based on the range judgment is obtained. When the target mapping rule includes a trend mapping rule, analyze the direction and intensity of the data change trend of the data point, and map the direction and intensity of the data change trend to the matching result of continuous adjustment of the attribute parameters of the SVG graphic element; When the target mapping rule includes state association rules, the logical value of the system state flag to which the data point belongs is parsed, and the logical value is converted into a matching result for the display state switching of the associated SVG graphic elements.
[0095] As can be seen, implementing this optional embodiment can improve the professionalism and fit of data-to-animation parameter conversion by using differentiated judgment logic (interval judgment, continuous adjustment mapping, state switching) for different types of mapping rules. This facilitates the use of the most suitable animation form to represent data changes of different natures (such as discrete threshold crossings, continuous trend changes, and binary state transitions), thereby greatly enhancing the expressiveness and accuracy of the final visualization effect. By mapping the direction and intensity of data change trends to continuous adjustments of animation parameters, the granularity of the description of the dynamic process of data is improved. This allows users to not only perceive "what" the data is, but also "how" it changes, thus providing intuitive visual cues for performance analysis and trend prediction, achieving dynamic process visualization that goes beyond static alarms.
[0096] In this embodiment of the invention, as another optional implementation, the specific method by which the generation module 303 generates animation instructions for adjusting the attribute parameters of SVG graphic elements based on the matching results includes: Parse the matching results to determine the target SVG graphic element that needs to be adjusted, the type of graphic attribute to be adjusted, and the corresponding attribute parameter value; Based on the graphic attribute type and attribute parameter value, an animation instruction is generated that includes the target element identifier, attribute operation type, and parameter assignment information. The animation instruction is used to instruct the rendering engine to perform an attribute update operation with specific parameter values on the specified SVG graphic element.
[0097] As can be seen, implementing this optional embodiment can improve the completeness and standardization of instruction information by parsing the matching results and generating structured animation instructions (including target elements, operation types, and parameter values). This helps ensure that the rendering engine can execute the expected animation effects without ambiguity, thereby enhancing the reliability and consistency of communication between various modules of the system and achieving a high-fidelity conversion from business logic to rendering operations. By abstracting animation effects into unified attribute update operations, the decoupling degree between the animation generation module and the underlying rendering technology can be improved, thereby reducing the dependency between different parts of the system and improving the system's scalability and maintainability.
[0098] In another optional implementation of this invention, the driving module 304 drives the SVG graphic elements on the display interface to update their attributes according to animation instructions to generate a dynamic visualization effect that interacts with the real-time data stream. The specific methods include: Parse the received animation instructions to obtain the target element identifier, attribute operation type, and parameter assignment information contained therein; Based on the display environment parameters of the display interface, the attribute operation type and parameter assignment information are converted into graphic attribute modification operations that can be executed by the rendering engine; Locate the corresponding target SVG graphic element in the SVG graphic template loaded in the display interface based on the target element identifier; The graphic attribute modification operation is applied to the target SVG graphic element to modify its corresponding graphic attribute value. The rendering engine then renders the display interface based on the modified graphic attribute value to generate a dynamic visualization effect that interacts with the real-time data stream.
[0099] As can be seen, implementing this optional embodiment can improve the accuracy and reliability of the final rendering stage by parsing animation instructions, locating target elements, and performing attribute modification operations. This helps ensure that every data change is accurately mapped to the specific attributes of the specified graphic elements, thereby guaranteeing a high degree of consistency between the final visualization effect and the original data intent, achieving precise end-to-end visualization. By considering display environment parameters during instruction conversion, the rendering adaptability of the visualization effect on different terminals can be improved, thus facilitating a consistent visual experience on devices with different performance and processing capabilities, thereby enhancing the practical value of the method and the user experience.
[0100] In an optional embodiment, such as Figure 4 As shown, the device also includes: The identification module 305 is used to perform conflict detection on all animation instructions to be executed, and to identify multiple conflicting instructions that have the same target SVG graphic elements but whose indicated graphic attribute modification operations are contradictory. The processing module 306 is used to resolve the identified conflicting instructions based on the preset instruction priority rules. The instruction priority rules are used to define the priority order of instructions to be executed when different animation mapping rules trigger instruction conflicts. The driver module 304 is also used to drive the display interface to update based on the digestion results.
[0101] As can be seen, implementing the embodiments of the present invention can improve the rationality of system decision-making and output stability in complex scenarios by detecting and resolving conflicting instructions. This helps to avoid the confusion or flickering of graphical element states caused by multiple rules being triggered simultaneously, thereby ensuring that clear and unambiguous visual information is delivered to users, achieving reliable professional-grade diagnostic visualization. It can resolve conflicts through preset instruction priority rules, improving the system's intelligence level in handling abnormal or complex fault situations. This helps to ensure that the most important alarms or status information are displayed first, thereby enhancing the practicality of the method in safety-critical scenarios and realizing a rule-based intelligent decision-making mechanism.
[0102] Example 4 Please see Figure 5 , Figure 5 This is a schematic diagram of the structure of another vehicle data-driven animation visualization display device disclosed in an embodiment of the present invention. This vehicle data-driven animation visualization display device can be applied to vehicle diagnostic equipment, and also to intelligent devices related to vehicle diagnostic equipment. These intelligent devices include, but are not limited to, one or more of ECU devices, cloud devices, edge computing devices, relay devices, base station devices, urban management devices, and intelligent connected devices; the embodiments of the present invention do not impose limitations. Figure 5 As shown, the vehicle data-driven animation visualization display device may include: Memory 401 that stores executable program code.
[0103] Processor 402 coupled to memory 401.
[0104] The processor 402 calls the executable program code stored in the memory 401 to execute the steps in the vehicle data-driven animation visualization method described in Embodiment 1 or Embodiment 2 of the present invention.
[0105] Example 5 This invention discloses a computer storage medium storing computer instructions. When these computer instructions are invoked, they are used to execute the steps in the vehicle data-driven animation visualization method described in Embodiment 1 or Embodiment 2 of this invention.
[0106] Example 6 This invention discloses a computer program product, which includes a non-transitory computer storage medium storing a computer program, and the computer program is operable to cause a computer to perform the steps in the vehicle data-driven animation visualization method described in Embodiment 1 or Embodiment 2.
[0107] The device embodiments described above are merely illustrative. The modules described as separate components may or may not be physically separate. The components shown as modules may or may not be physical modules; that is, they may be located in one place or distributed across multiple network modules. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Those skilled in the art can understand and implement this without any creative effort.
[0108] Through the detailed description of the above embodiments, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus necessary general-purpose hardware platforms, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solutions, in essence or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a computer-readable storage medium, including read-only memory (ROM), random access memory (RAM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), one-time programmable read-only memory (OTPROM), electrically-Erasable Programmable Read-Only Memory (EEPROM), compact disc read-only memory (CD-ROM) or other optical disc storage, disk storage, magnetic tape storage, or any other computer-readable medium that can be used to carry or store data.
[0109] Finally, it should be noted that the vehicle data-driven animation visualization method and apparatus disclosed in the embodiments of the present invention are merely preferred embodiments of the present invention and are only used to illustrate the technical solutions of the present invention, not to limit it. Although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention.
Claims
1. A vehicle data-driven animation visualization method, characterized in that, The method includes: Obtain real-time data streams from vehicles; The real-time data stream is matched with a preset animation mapping rule to obtain a matching result. The animation mapping rule is used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of the SVG graphic elements. Based on the matching results, animation instructions are generated for adjusting the attribute parameters of the SVG graphic elements; According to the animation instructions, the SVG graphic elements on the display interface are driven to update their attributes to generate dynamic visualization effects that interact with the real-time data stream.
2. The vehicle data-driven animation visualization method according to claim 1, characterized in that, The step of matching the real-time data stream with preset animation mapping rules to obtain a matching result includes: For each data point in the real-time data stream, the data features of the data point are identified. The data features are used to represent the type and behavior of the corresponding data point. The data features include at least one of the following: the data value, the data change trend, and the system status flag of the corresponding data point. Based on the data features, the corresponding target mapping rule is called from the preset rule base. The target mapping rule is used to define the conversion relationship between the data features and the attribute parameters of the SVG graphic elements. According to the target mapping rule, the data point is matched and the matching result is obtained.
3. The vehicle data-driven animation visualization method according to claim 2, characterized in that, The step of calling the corresponding target mapping rule from a preset rule base based on the data features includes: Determine the feature content included in the data features; Based on the described feature content, target mapping rules for matching the data features are selected from a preset rule base. The target mapping rule includes at least one of threshold triggering rule, trend mapping rule, and state association rule. The data value corresponds to the threshold triggering rule, the data change trend corresponds to the trend mapping rule, and the system state flag corresponds to the state association rule.
4. The vehicle data-driven animation visualization method according to claim 2, characterized in that, The step of matching and judging the data point according to the target mapping rule to obtain the matching result of the data point includes: According to the target mapping rule, the feature content of the data point is processed by the corresponding judgment logic; when the target mapping rule includes the threshold triggering rule, the data value of the data point is compared with the preset threshold in the threshold triggering rule to determine whether the data value is within the preset threshold range, and a matching result based on range determination is obtained. When the target mapping rule includes the trend mapping rule, the direction and rate of change of the data point are analyzed, and the direction and rate of change of the data change are mapped to the matching result of continuous adjustment of the attribute parameters of the SVG graphic element. When the target mapping rule includes the state association rule, the logical value of the system state flag to which the data point belongs is parsed, and the logical value is converted into a matching result for switching the display state of the associated SVG graphic element.
5. The vehicle data-driven animation visualization method according to any one of claims 1-4, characterized in that, The step of generating animation instructions for adjusting the attribute parameters of the SVG graphic elements based on the matching results includes: The matching results are analyzed to determine the target SVG graphic element that needs to be adjusted, the type of graphic attribute to be adjusted, and the corresponding attribute parameter value. Based on the graphic attribute type and the attribute parameter value, an animation instruction containing the target element identifier, attribute operation type and parameter assignment information is generated. The animation instruction is used to instruct the rendering engine to perform an attribute update operation with specific parameter values on the specified SVG graphic element.
6. The vehicle data-driven animation visualization method according to any one of claims 1-4, characterized in that, The step of driving the SVG graphic elements on the display interface to update their attributes according to the animation instructions to generate a dynamic visualization effect that interacts with the real-time data stream includes: Parse the received animation instructions to obtain the target element identifier, attribute operation type, and parameter assignment information contained therein; Based on the display environment parameters of the display interface, the attribute operation type and parameter assignment information are converted into a graphics attribute modification operation that the rendering engine can execute; Locate the corresponding target SVG graphic element in the SVG graphic template loaded in the display interface according to the target element identifier; The graphic attribute modification operation is applied to the target SVG graphic element to modify its corresponding graphic attribute value, and the rendering engine renders the display interface based on the modified graphic attribute value to generate a dynamic visualization effect that interacts with the real-time data stream.
7. The vehicle data-driven animation visualization method according to any one of claims 1-4, characterized in that, The method further includes: Conflict detection is performed on all animation instructions currently to be executed, and multiple conflicting instructions with the same target SVG graphic element but contradictory graphic attribute modification operations are identified. Based on preset instruction priority rules, the identified conflicting instructions are resolved. The instruction priority rules are used to define the priority order of instructions to be executed when different animation mapping rules trigger instruction conflicts. The driver displays an updated interface based on the resolution results.
8. A vehicle data-driven animation visualization display device, characterized in that, The device includes: The acquisition module is used to acquire real-time data streams from vehicles. The matching module is used to match the real-time data stream with preset animation mapping rules to obtain a matching result. The animation mapping rules are used to define the correspondence between the data values corresponding to the real-time data stream and the attribute parameters of SVG graphic elements. A generation module is used to generate animation instructions for adjusting the attribute parameters of the SVG graphic elements based on the matching results; The driving module is used to drive the SVG graphic elements on the display interface to update their attributes according to the animation instructions, so as to generate dynamic visualization effects that are linked with the real-time data stream.
9. A vehicle data-driven animation visualization display device, characterized in that, The device includes: Memory containing executable program code; A processor coupled to the memory; The processor calls the executable program code stored in the memory to execute the vehicle data-driven animation visualization method as described in any one of claims 1-7.
10. A computer storage medium, characterized in that, The computer storage medium stores computer instructions, which, when invoked, are used to execute the vehicle data-driven animation visualization method as described in any one of claims 1-7.