56 results about "Layout algorithm" patented technology

The invention provides a target layout data generation method, electronic equipment and a readable storage medium. According to the method, the PCB layout generation process is converted into the iterative optimization task of the neural network model, and dual evaluation on the line length and the density distribution in the total loss function is combined, so that the problems of low layout quality, low optimization efficiency and the like in a traditional layout algorithm are effectively solved. The gradient is calculated through back propagation, the positions of the components are updated, it can be ensured that the lengths of the electrical connecting wires and the space uniformity of the components are optimized at the same time in the layout process, and therefore the overall performance and stability of layout are improved. In addition, in combination with a preset training termination condition, overtraining is avoided, and the calculation efficiency is improved. Finally, the generated optimized layout data has higher quality and consistency, and global optimization can be realized in complex design.

The invention provides a UI interface automatic generation method and system based on natural language description, and the method comprises the steps: receiving a natural language demand description text, carrying out the guided completion of fuzzy description in the demand description text, and outputting a standardized demand text; semantic analysis is carried out on the standardized demand text, functional association nodes of UI components and data fields in the text are positioned, analysis deviation is corrected through a domain knowledge graph, and key information including component parameters, field verification rules and component priorities is obtained; calling a design specification library comprising a sub-scene visual standard and a dynamic layout algorithm, and a component library comprising a parameterized configuration function; performing component matching and parameter adjustment based on the key information, a design specification library and a component library to obtain a target component, and generating a front-end code or a low-code blueprint of the target component; and rendering to obtain a UI interface. According to the method and the device, the problems of low demand transmission efficiency, high development threshold and difficulty in multi-terminal adaptation in the prior art are solved.

The invention discloses a real-time virtual environment view layout algorithm based on spherical space guidance. The algorithm comprises the following steps that an original view is acquired and preprocessed; abstracting into a circular structure and completely mapping to a constructed spherical view projection structure; weight analysis is carried out, a preset threshold value is compared, a high-weight standard view set and a low-weight standard view set are divided, and dynamic batch layout optimization processing is carried out on the high-weight standard view set; constructing a space pressure function field for the low-weight standard view set, and determining a target position by using a space pressure field guiding method; smooth movement from the current position to the target position is achieved through a Bezier curve interpolation method; and when the viewpoint or view angle change exceeds the threshold value, re-calculating the layout until the change amplitude is smaller than the threshold value, and generating a final layout. According to the method, the spherical space projection and the adaptive mechanical model are combined, the large-scale view layout is optimized, the method has the advantages of being efficient, stable and real-time, and the data visualization effect in the virtual environment is improved.

The invention provides a visual network topological graph dynamic drawing and layout method based on Antv / X6, relates to the technical field of front-end graph visualization, and solves the problems of insufficient dynamics, low layout efficiency, poor interaction experience and poor integration expansibility in the existing network topology drawing technology. The method comprises the following steps: firstly, constructing a standardized data model decoupled from a rendering layer, and describing a network topology structure; initializing a canvas instance based on an Antv / X6 graphic engine, instantiating the standardized data model into a graphic object, and adding the graphic object into a canvas; through selection and application of various layout strategies, executing a layout algorithm to calculate node coordinates and trigger animation transition, and generating a visual network topological graph which can be operated by a user; when a user performs multi-dimensional dynamic interaction with the topological graph, data changes are managed and monitored, and re-rendering or re-layout is triggered. According to the method, the requirements of automatic drawing, dynamic layout optimization, smooth interaction, high maintainability and the like of the topological graph can be smoothly met.

The invention provides a method and a device for constructing a three-dimensional simulation scene driven by multi-modal data, and relates to the technical field of computer vision. Comprising the following steps: acquiring and preprocessing multi-modal data so as to encode the multi-modal data into a joint embedded vector; generating a scene layout image according to the joint embedded vector and a condition image generation model, and segmenting the scene layout image according to a semantic segmentation expert model and a soft voting mechanism to determine a semantic segmentation result; performing boundary extraction on the semantic segmentation result to determine a standardized scene semantic graph; selecting an alternative digital asset set based on a category label corresponding to the semantic segmentation result and a simulation engine digital asset library; inputting the scene layout image into a scale estimation model to output a scene map scale; and generating a three-dimensional simulation scene according to the standardized scene semantic graph, the alternative digital asset set, the scene map scale and a two-dimensional layout algorithm. According to the invention, the scene synthesis effect from the multi-modal intention to the landing simulation scene is improved.

The invention provides a network topology geospatialization expression method integrating force-oriented layout and layered mapping and related equipment, and is applied to the field of data processing. According to the method, network space element data including nodes, edges and hierarchy attributes and geographic space data serve as input, repulsive force, gravitational force and resultant force formulas are defined by combining algorithm parameters and based on a force-oriented layout algorithm, node positions are iteratively updated to converge, and layout constraints and a target function are applied to generate a two-dimensional network logic topological graph; classifying and processing the network elements to generate a visual result; dividing a network space in a multi-scale manner according to geographic space levels, and constructing a three-dimensional topological structure in combination with a hierarchical mapping strategy; and finally, fusing building three-dimensional model data, simulating facility distribution and machine room topological association, applying a symbolic constraint and flow association target, generating an interactive interface and a multi-dimensional result, and outputting network topology geospatialization information.

The invention relates to the technical field of document typesetting, in particular to a document streaming layout rendering method and device based on configuration driving. The method comprises the following steps: defining a four-dimensional generation key value pair configuration file according to document attributes, page layout, component geometry and styles, and verifying the key value pair configuration file; converting the configuration node into a document object model through an analysis engine; receiving external business data, positioning a dynamic slot position in the model, filling data, and generating a to-be-rendered instance tree; constructing a component rendering factory based on the strategy mode, and dynamically instantiating a corresponding rendering strategy class; and calculating the geometric position of the component by adopting a streaming typesetting algorithm, paging according to requirements, generating and executing a drawing instruction, and outputting a PDF (Portable Document Format) document. Aiming at the problems of code and style coupling, out-of-control typesetting and high operation threshold in the existing scheme, layout and code decoupling, high-precision typesetting and low-threshold configuration are realized, the method is adaptive to the requirements of multiple scenes such as finance and medical treatment, and the expansibility is high.

This invention relates to the field of architectural planning technology, specifically to a method and system for urban and rural planning based on digital twins. The method includes acquiring building information models and geographic information system (GIS) data of the area to be planned; constructing a three-dimensional digital twin basic scene through spatiotemporal registration and semantic alignment; identifying planning entities and multidimensional constraints to construct a topological hypergraph model; calculating topological centrality and constraint coupling weights to generate a non-uniform computational potential energy field; constructing a hierarchical scheduling strategy based on the potential energy field gradient; loading a LOD3 level fine model to extract topological parameters for high-potential-energy sensitive areas; loading a LOD1 level block model to extract filling data for low-potential-energy background areas; inputting a generative layout algorithm to generate intermediate data; detecting and repairing geometric overlaps; and outputting a planning scheme. This invention, by constructing a non-uniform computational potential energy field and a hierarchical scheduling strategy, achieves on-demand loading and differentiated processing of large-scale scene data, effectively solving the computational bottleneck problem of processing massive heterogeneous data.

The application provides a case text information-based accident logic graph analysis method and system. The method comprises the following steps: based on a template extraction algorithm, performing scene event extraction on a pre-acquired accident report sample to construct an initial accident logic graph K1 of a mine outburst accident; based on a reinforcement learning algorithm, optimizing the accident logic relationship in the initial accident logic graph K1 to obtain an application accident logic graph of the mine outburst accident; and based on a preset layout algorithm, performing layout display on the graph data of the application accident logic graph to generate an accident main graph solution of the mine outburst accident. In this way, the accident graph solution is automatically generated from the accident report sample, the automatically generated accident graph solution can help professional personnel quickly understand the accident causes, improve the reading speed of the accident report, reduce the analysis threshold of non-professional personnel, and improve the efficiency of accident guidance analysis.

This invention discloses an intelligent punctuation compression and line layout method for East Asian text typesetting. East Asian full-width punctuation marks are categorized into six types based on their typesetting function: start punctuation, end punctuation, sentence-end punctuation, sentence-in-sentence punctuation, exclamation / interrogative punctuation, and center punctuation. Each type defines an independent compressibility and compression direction. The categorized punctuation marks are modeled as composite typesetting elements carrying both width flexibility parameters and line break cost parameters. The line break cost and remaining compression capacity are correlated within the same element, and the composite typesetting element is incorporated into the cost optimization process of the line layout algorithm. The selection of line break points and punctuation spacing allocation are jointly determined in the same optimization calculation. A power-law cost function and hierarchical spacing allocation priority (punctuation compression takes precedence over word spacing adjustment, which in turn takes precedence over character spacing adjustment) are employed, and rules are implemented through hard constraints. Vertical layout mode, vertical-center-horizontal unit modeling, and cross-language configurable rules are supported. This invention solves the problem of suboptimal global typesetting quality caused by the decoupling of punctuation compression and line break algorithms in existing technologies.

The invention discloses a graph structure data layout optimization method for a Qt tree layering and dynamic force oriented graph, which comprises the following steps of: loading graph structure data and carrying out data preprocessing, converting original data into a structured data table containing node attributes and connection relationships, dividing node levels through a depth-first traversal algorithm, and carrying out layout optimization on the structured data table; and dynamically generating a fan-shaped initial layout according to the degrees of the nodes, carrying out layout iterative optimization calculation by adopting a force-oriented layout algorithm, determining the position information and topological connection relationship of each primitive after optimization, and carrying out visual implementation and interaction on the optimized graph structure data layout. According to the scheme of the invention, through cooperation of hierarchical and elastic constraint mechanisms, the readability of a graph containing circulation / multiple father nodes is improved, a dynamic updating strategy enables layout to maintain overall stability during interaction, the structure confusion degree is reduced, and pre-layout processing and a parameter dynamic attenuation strategy effectively improve the convergence speed of a force steering algorithm.

The application discloses a kind of based on topology model's distribution network intelligent mapping modeling and analysis system and method, it is related to distribution network mapping technical field, modeling and analysis system, including data source module, for obtaining distribution network basic data;Data processing module is used to convert equipment model data and topological relation data into mapping connection relationship structure data, calculate equipment graph element size, station building pixel size and mapping canvas size, assemble distribution network equipment interval data;Determine the arrangement coordinate of equipment in canvas using force-directed layout algorithm;According to equipment topological correlation, assemble distribution network equipment interval data, calculate the arrangement distance of equipment in each interval;Realize the whole process automation of distribution network thematic map from data to mapping, greatly improve drawing efficiency and accuracy;Through force-directed layout and multiple optimization algorithm, generate layout reasonable, clear and easy-to-read graphics;Ensure the consistency and linkage of graphics and data source.

The invention discloses a visual cockpit generation method and device based on a natural language instruction, and relates to the technical field of data processing. The method comprises the following steps: receiving a natural language instruction which is input by a user and contains a data theme, a visual demand and other elements; calling an artificial intelligence algorithm based on a large language model to perform semantic analysis and entity extraction on the instruction, and constructing a structured instruction object containing an operation intention and a parameter set; matching a candidate component set in a component registration center based on the object and verifying user permission; injecting the parameters into the component and generating cockpit configuration metadata through an automatic layout algorithm; and creating a cockpit instance based on the metadata, dynamically mounting a component through a front-end rendering framework, and triggering data loading. According to the method, the cockpit construction threshold can be reduced, the development period can be shortened, and semantic-driven personalized cockpit rapid generation can be realized.

The application relates to the technical field of data processing, and provides a method and system for dynamically generating a user interface based on an LLM and a storage medium, wherein the method comprises the following steps: decomposing and mapping a user intention obtained into a plurality of function components; determining the semantic attributes of each function component according to a current use scenario; matching the semantic attributes of each function component with interface layout templates in a pre-constructed interface layout template library; if the matching is successful, generating a corresponding user interface according to the corresponding interface layout template in the interface layout template library; and if the matching is unsuccessful, processing the plurality of function components through a dynamic layout algorithm to generate a corresponding user interface. By using the application, the problems of layout confusion, low efficiency and poor consistency in the existing generation of user interfaces can be solved.

This invention discloses an automated chip placement method based on multi-stage heuristic algorithm evolution. It utilizes a large language model to automatically evolve a multi-stage heuristic global chip placement algorithm for fully automated global chip placement. An evolutionary framework is employed, maintaining a population of placement algorithms. By selecting strategies, the large language model focuses on key information in the chip placement task. A multi-stage heuristic algorithm is used, with each stage generating partial algorithm code based on the current optimization status of the target problem, and adjusting the design direction in real time through intermediate feedback. A multi-agent system is employed, with a coordinating agent responsible for analyzing stage information and generating the next stage's target, and multiple coding agents responsible for generating code for different algorithm components, reducing algorithm design complexity through division of labor and collaboration. A global-local perspective mechanism is used, combining global and local perspective operators to balance global exploration and local optimization, avoiding getting trapped in local optima.

The invention relates to a method for achieving plane groove stock layout in a numerical control system. The method comprises the following steps that part groove information is analyzed; layering the part according to the corresponding characteristics of the part groove to obtain part slicing data; dividing the slice data of the part into a part area slice and a processing area slice; layout is conducted on the part slices, and each layer of slices are arranged to a proper position; and turning over the groove part. By the adoption of the method and device for achieving plane groove stock layout in the numerical control system, the processor and the computer readable storage medium of the processor, groove part stock layout is achieved by supporting multiple trepanning algorithms, based on groove part characteristics, groove part layering and two-dimensional trepanning stock layout algorithms are adopted, and compared with traditional groove part stock layout, the method and device have the advantages that the efficiency is high, and the working efficiency is high. More redundant materials can be saved, manpower, material resources and time are greatly reduced, and the two-dimensional groove part stock layout device has important research significance on the two-dimensional groove part stock layout technology.

The invention discloses a draggable self-defined visual report implementation method, which comprises the following steps of: S1, dragging a component to a report canvas by a user, and triggering an interactive response: starting hardware acceleration and layered rendering, and acquiring component dragging track information in real time; s2, the position of the assembly is anchored through a grid, the collision risk of the assembly is detected based on the dragging track information of the assembly, and self-adaptive adjustment is carried out; s3, after the position of the component is determined, the association condition of the component and the data source is detected; and S4, rendering and updating the report in real time, and completing dragging self-definition. Through a dragging + specific layout algorithm, a user can freely adjust the position, size and combination mode of the report component without depending on a preset template, and the method is adaptive to diversified business scenes (such as sales analysis and inventory monitoring); common business users can complete report self-definition through dragging without code knowledge, dependence on technicians is reduced, and the demand response period is shortened by more than 60%.

The invention discloses a blanking typesetting algorithm for connecting pieces, which comprises the following steps of: using a filling algorithm, matching according to the shortest edge when searching an optimal raw material, namely calculating the difference value between the short edge of the raw material and the short edge of a rectangular part, taking the raw material with the minimum difference value as the raw material of the current discharge, and aligning the width of the raw material and the width of the rectangular part when the rectangular part is discharged. The rectangular parts of the same type are preferentially arranged in the whole row, if the next row cannot be arranged in the whole row, the row is abandoned to meet the requirements that a large rectangle with M rows * N columns is formed in each arrangement, no saw kerf exists in the rectangle, saw kerfs exist between the large rectangles, and after each arrangement is completed, the area where the raw materials are not arranged is cut to be used as the raw materials; according to the method, the connecting piece layout map is automatically calculated on the basis of one-cutting process requirements, complicated manual calculation is not needed, and meanwhile the production process and the layout utilization rate are greatly improved.

This invention provides a method and system for optimizing the layout of virtual environment views. The method includes collecting key information of all views in a virtual scene and integrating the key information into a graph structure; dividing the virtual scene into several feature regions based on the graph structure; optimizing the sparse regions using a force-directed model based on physical simulation to output the target position of the view; constructing an objective function for the dense regions and iteratively solving it based on numerical optimization techniques to output the target position of the view; monitoring changes in the target position of the view in the virtual scene in real time and dynamically adjusting the layout strategy; iteratively repeating the layout optimization process by replacing the key information of the view with the target position of the view and combining it with the layout strategy to output the final layout scheme. This invention adapts to diverse layout scene requirements through a differentiated scheduling layout algorithm, significantly improving the adaptability and robustness of the layout algorithm, and further optimizing the view arrangement quality in the 3D virtual environment.

The invention provides a virtual environment view layout optimization method and system, and the method comprises the steps: collecting key information of all views in a virtual scene, and integrating the key information into a graph structure; dividing the virtual scene into a plurality of feature regions based on the graph structure; optimizing the sparse region by adopting a physical simulation force steering model to output a target position of the view; performing objective function construction and iterative solution based on a numerical optimization technology on the dense region to output a target position of the view; according to the method, the change of the target position of the view in the virtual scene is monitored in real time, the layout strategy is dynamically adjusted, the target position of the view replaces the key information of the view to iterate and repeat the layout optimization process, and the final layout scheme is output in combination with the layout strategy. The adaptability and robustness of the layout algorithm are remarkably improved, and the view arrangement quality in the three-dimensional virtual environment is optimized.

The invention discloses a workflow automatic layout method based on topological sorting and dynamic adjustment, which comprises the following steps of: analyzing input data, constructing a workflow directed graph of modules and a connection relationship thereof, constructing an adjacency list and an in-degree list based on the workflow directed graph, and then hierarchically dividing the modules by using an improved topological sorting algorithm, and dynamically calculating the coordinate position of each module in the canvas in combination with canvas boundary constraint and minimum spacing limitation, finally outputting JSON data containing complete layout information of each module, and realizing flow chart drawing in combination with a front-end visualization technology. According to the scheme, the problems of low manual layout efficiency, node omission, layout chaos and the like caused by loop dependence in a traditional layout algorithm are effectively solved, and the method has a good visualization effect and high adaptability and can be applied to automatic layout and scene generation of the flow chart of modular systems such as a software system, a micro-service architecture and a low-code platform.

This invention proposes a map data interaction method and system based on urban road networks, comprising: acquiring open-source geographic data; identifying topological relationships between road entities using a computational geometry-based topological relationship reasoning algorithm; constructing an urban road knowledge graph; anchoring semantic nodes through spatial indexing, extracting their neighborhood association subgraphs, and using viewport adaptive computation and force-directed layout algorithms to focus the association subgraphs on the knowledge graph view, establishing a mapping relationship from map to knowledge graph; parsing the geometric attributes of semantic nodes, using a viewport fitting algorithm to drive map positioning and zooming, and establishing a mapping relationship from knowledge graph to map; receiving the user's original query statement, performing intent recognition and structured query generation through a large language model, and combining the knowledge graph retrieval results with the current intent recognition results to generate predictive decision support information; this method improves the semantic understanding depth, human-computer interaction efficiency, and decision-making level of urban traffic.

The application relates to the technical field of browser rendering, and particularly discloses a method for rendering a decision tree based on SVG, which comprises the following steps: converting decision tree model data after training into a structured object containing node hierarchical relationships and attribute information of each node; defining differentiated visual styles containing shapes, colors and text labels for different types of nodes of the decision tree based on the structured object, and generating node SVG graphics by using SVG elements; calculating the size of an SVG canvas and determining the coordinates of each node by traversing the decision tree and combining a hierarchical layout algorithm; drawing connecting edges by using SVG path elements, and providing folding / unfolding logic for non-leaf nodes to control the display state of the child nodes and the connecting edges, and to switch the sub-tree view; binding interactive events and modifying styles for the SVG graphics as needed, and dynamically adjusting the visual effect; and integrating the complete SVG graphics into a target carrier for scalable display; and the method effectively solves the problems of traditional decision tree visualization in terms of interactivity, rendering clarity and scalability.

This invention belongs to the field of AI algorithm optimization technology for chip back-end component placement. It discloses a chip thermal placement method based on reinforcement learning. The method includes: obtaining the chip's register transfer level description file and electronic design automation tool output file; mapping the chip's three-dimensional thermal field onto a two-dimensional plane, pre-setting the chip's boundary conditions, initially analyzing the chip's temperature distribution and determining the rectangular shape of each macrocell and the heat source intensity function, further determining the chip's thermal field distribution and performing key optimizations using finite element analysis; modeling the chip placement process, processing the mask based on a policy network, obtaining macrocell placement actions, and determining the optimal thermal placement of the chip. This invention effectively ensures chip performance by simultaneously optimizing heat dissipation and line length, and avoids the local optima and non-convergence problems of traditional algorithms through reinforcement learning algorithms.

The invention relates to the technical field of document processing and automation, in particular to a graphical tool and bidding document generation system and method based on a large model, and the method comprises the steps: obtaining a natural language description or bidding document template document input by a user, and recognizing a graph in the document to generate placeholders; the input information is sent to a large language model for semantic analysis and reasoning, and structured graphic data conforming to predefined JSON Schema is output; based on the data, calculating a non-overlapping and cross-minimized graphic element space layout through an automatic layout algorithm, driving a vector graphic library to generate a standard vector graphic and converting the standard vector graphic into a bitmap format; finally, the bitmap is automatically inserted into the position of a placeholder corresponding to the bidding document, map note adding and format adjusting are completed, and a complete bidding document of an integrated graphical representation is output. According to the method, end-to-end automatic generation from a natural language to a professional graphical representation is realized, and the bidding document compiling efficiency and the graphical representation quality are remarkably improved.

The application provides a natural language description-based UI interface automatic generation method and system, which comprises the following steps: receiving a natural language requirement description text, guiding the fuzzy description in the requirement description text for completion, and outputting a standardized requirement text; performing semantic analysis on the standardized requirement text, locating the functional association nodes of UI components and data fields in the text, correcting the analysis deviation through a domain knowledge graph, and obtaining key information including component parameters, field check rules, and component priority; calling a design specification library including scene-specific visual standards and dynamic layout algorithms, and a component library including parameterized configuration functions; performing component matching and parameter adjustment based on the key information, the design specification library, and the component library, obtaining a target component, and generating front-end code or a low-code blueprint of the target component; and performing rendering to obtain a UI interface. In the application, the problems of low requirement transmission efficiency, high development threshold, and difficult multi-end adaptation are overcome.

The invention relates to the technical field of computers, discloses an information visualization and interactive management method and system, and aims at solving the technical problems that an existing visualization system is static in information expression, single in interaction mode, high in cognitive load and weak in logic association. The method comprises the following steps: constructing a five-dimensional information node model fusing space-time coordinates and task contexts; carrying out visual arrangement by adopting a dynamic layout algorithm with mixed force guiding and grid constraint; the intention of a user is perceived through fusion of three channels of eye movement, touch control and gestures, and detail expansion, path highlighting and view zooming of a focus area are realized; the system comprises a multi-source data access module, a semantic map construction module, a context enhancement module, a dynamic layout engine module, a multi-modal interactive perception module, a causal chain deduction module and the like. According to the scheme, collaborative optimization of context awareness, layout stability and interaction naturalness of information expression is realized, and cognitive efficiency and decision support capability in a complex service scene are remarkably improved.

The invention belongs to the technical field of information visualization, and particularly relates to an automatic page layout method and system based on multiple rules, and the method comprises the steps: obtaining template data; generating a template rule based on the template data; matching template rules for the input chart based on the template data to obtain input elements; and generating a matching template page layout based on the input elements, namely, a multi-rule-based page automatic layout. According to the method, an automatic layout algorithm is adopted, so that the page layout efficiency is greatly improved while the workload of manual layout adjustment is reduced; in the automatic layout process, template data are converted into a graph structure set with vertex attributes and edge attributes, template rules are extracted through deep mining, multiple rules which are originally discrete, prone to conflicting and difficult to maintain are converted into graph knowledge which can be mined, inferred and self-evolved, and the graph knowledge can be used for automatic layout. Therefore, automatic generation, dynamic optimization and cross-scene multiplexing of the template rule are realized.

The invention belongs to the technical field of multi-layer dynamic graph visualization systems, and particularly relates to a multi-layer dynamic graph visualization system based on ELK layout and X6 rendering, which comprises the following steps: initializing an environment; inputting and preprocessing data; performing layout calculation; performing graphic rendering; performing interactive operation; state management; performance optimization and monitoring are carried out; adapting a mobile terminal; and expanding function development. According to the overall structure provided by the embodiment of the invention, an Eclipse Layout Kernel (ELK) automatic layout algorithm is adopted, the spatial distribution of nodes and edges is optimized based on a hierarchical layout method, and the disorder degree of a graph is reduced; according to the technical scheme, through the synergistic effect of ELK layout and X6 rendering, the efficiency, stability and practicability of a dynamic graph visualization system are remarkably improved in combination with multi-layer interaction and performance optimization, and the method is suitable for complex system analysis scenes such as financial blood relationship analysis and supply chain management.

The present specification provides a page layout method, system and storage medium, comprising: in response to a user's drag operation on a target component in an arbitrary state page, obtaining a new size of the target component, wherein the target component is any component in the arbitrary state page, and at least one influence chain affected by the size change of the target component is determined in the drag direction of the drag operation, wherein the at least one influence chain comprises line segment representation information abstracted based on the current size of the at least one influence chain, and the current size of the at least one influence chain is adjusted according to the new size to obtain a target page. By converting the component layout of a two-dimensional plane into line segment representation information of a one-dimensional line segment layout, the process of layout adjustment is simplified, the complexity of the page layout algorithm is reduced, and the linkage layout of elements in the influence chain can also be realized.