Visual chart component for stock data analysis application

The stock market is an inevitable product of market economy and plays an important role in a country's financial field. In the past, people's grasp of market trends mainly relied on experience and intuition, which were often easily affected by subjective factors, leading to deviations in decision-making. Nowadays, through data visualization, historical data and market intelligence can be deeply mined and analyzed to find patterns and trends to help users make more accurate judgments.

Looking back at the performance of the A-share market in 2022, it can be said that the performance of the A-share market has been full of twists and turns. The market value of the A-share market totaled 87.75 trillion yuan, a decrease of 11.43% from 99.07 trillion yuan in 2021. There are more than 5,000 listed companies, with total operating income of 71.29 trillion yuan, a year-on-year increase of 7.23%; total net profit is 5.62 trillion yuan, a year-on-year increase of 0.77%.

Stock data is becoming quantified, intensive, and diversified. In order to compare stock data more clearly, Tupu designed and presented the 2022 A-share market data in the form of a BI report based on the 2D editor and UI library of the self-developed HT for Web product, and applied rich chart components to combine the total A-share market data. Market data on revenue, net profit, year-on-year changes and other dimensions are presented clearly and concisely in tables, rectangular tree diagrams, point diagrams, word clouds and other dynamic chart methods.

Data filtering/retrieval

Based on stock market data query from a visual perspective, Tupu HT uses the rising and falling red and green colors commonly seen in the stock market to dynamically display the positive and negative status of each stock's earnings per share, total revenue year-on-year, net profit year-on-year, and marketing gross profit margin. In the total revenue and net profit lists, the text at the amount unit is distinguished by blue and gray to quickly identify the stock magnitude. Users can sort according to various data dimensions. Assist users to more efficiently analyze the relevant financial data and operating conditions of individual stocks in 2022.

fuzzy search

Tupu HT provides search query function. Users can check the corresponding industry sectors or fuzzy query stock names/codes as needed, conduct global information retrieval for corporate sectors, and make personalized selections based on the relevant data performance of individual stocks. Help users quickly find the information they need, improve query efficiency, and narrow the search scope.

Tupu HT products can carry more than 100,000 level 2D, 3D and UI table tree common component elements to meet the needs of massive IoT devices and data scenarios.

Scale Summary - Rectangular Treemap

Tupu HT uses a rectangular tree diagram to vividly display the size classification summary of the total revenue and net profit of A-share companies or a certain industry sector in 2022. The area of ​​each small rectangle in the tree diagram represents the proportion of each sub-item (sub-items: less than 100 million, 100 million to 10 billion, 10 billion to 100 billion, and more than 100 million). The larger the rectangular area, the larger the size of the sub-item. The greater the proportion of the whole.

According to the chart, among the total revenue of all A-share companies in 2022, there are 721 companies with a revenue of between 10 billion and 100 billion, and 113 companies with a revenue of more than 100 billion. Among them, there are 4,177 companies with the largest revenue between 100 billion and 10 billion, while the smallest number of companies with revenue within 100 million is only 27. The net profit situation is also understood in the same way.

Tupu HT products adopt a unified data model that can drive a full set of 2D, 3D, Chart and UI graphics libraries, reducing the learning index curve.

Dot plot visualization

The Y-axis in the Cartesian coordinate system chart of this module adopts the "logarithmic axis" visualization form, which is suitable for comparing data of different magnitudes and displaying the distribution of scale magnitudes. The financial status of companies of different sizes in the stock market varies greatly, ranging from ten thousand yuan to hundreds of billions, and the logarithmic axis can just maintain the relative proportion of the data, making the relative size more clear and easy to understand.

Each point in the Tupu HT dot chart represents the total revenue scale and profitability level of each A-share stock in 2022, as well as the year-on-year changes in total revenue and net profit.

Shipbuilding sector

Insurance sector

The report supports differentiating the color of the points based on the surplus/loss of the company's total revenue and net profit. The surplus is set to red and the loss is set to green. Taking the emerging equipment in the aerospace sector as an example, the overall situation will be profitable in 2022, but the net profit will be reduced by 578 million compared with the same period in 2021.

Similarly, for the year-on-year increase/decrease in the company's total revenue and net profit, the color of the points is divided into red and gray as the difference, with year-on-year growth set as red and year-on-year decrease set as gray. Taking Sichuan Gold in the precious metals sector as an example, it can be seen from the chart that the net profit in 2022 will decrease by 10.16% compared with the same period in 2021, and the net profit will increase by 29.53% compared with the same period in 2021.

HT products support large-screen visual design, support interface adaptation of UI and chart elements, and support the integration of UI and charts into various scenarios.

User portrait-word cloud visualization

Word clouds, also called word clouds, are often used to create user portraits. Word clouds can filter out a large amount of low-frequency and low-quality text information, allowing users to clearly see user characteristics by just scanning the text at a glance.

Tupu visually displays the "keywords" that appear frequently in the obtained stock market data text, and presents them concisely and clearly with different sizes, colors and other visual effects. Some HT animation effects are also used to enhance the interactivity and interest of the word cloud. For example, when the mouse is hovering over the company name, there will be a prominent animation effect.

As a result, users can more quickly, clearly and intuitively understand the frequency and importance of A-share companies by observing the appearance of the keyword word cloud.

Tupu BI report

BI (Business Intelligence) report is a data analysis and visualization tool that can streamline a large amount of data processing. It can freely adjust and filter data through visualization, display the changing trends and characteristics of data, and realize conscious analysis of business. . Help enterprises better understand business conditions and market trends to make better decisions.

Tupu BI data visualization large-screen display aims to improve the reusability of data resources and can display the performance indicators of various indicators in multiple dimensions, in depth and in an all-round way, just like the dashboard in a car cockpit. Monitor operations intuitively, and provide early warning and positioning tracking for abnormal key indicators.

Tupu Software has participated in the construction of the large-screen data management platform for Fangda Jiugang Smart Steel Plant, which displays relatively complex and abstract data in a visual and interactive way, thereby intuitively expressing the information and information contained in the data. law.

Tupu software's data visualization large screen can also do 3D modeling, three-dimensionally restore physical scenes, and support various types of 2D and 3D animation displays. Data moves on demand—combination, screening, linkage, and drilling, empowering the digital transformation of the entire industry. Supports real-time viewing and management and remote operation and maintenance decision-making through PC, mobile and tablet computers anytime and anywhere. The following is the 3D chart visual chart component that has been built:

Guess you like

Origin blog.csdn.net/iotopo/article/details/132870846