http://www.press.ierek.com ISSN (Print: 2537-0154, online: 2537-0162) International Journal on: The Academic Research Community Publication pg. 26 DOI: 10.21625/archive.v4i2.753 3D Based Visualization Tool to Analyze the Influential Topics via Hashtags on Instagram Platform Guo Xinyi1, Liu Cuiting1, Wang Ruisi1, Raja Majid Mehmood*,1 1 School of Electrical and Computer Engineering, Information & Communication Department, Xiamen University Malaysia *Corresponding author: Raja Majid Mehmood (rmeex07@gmail.com) Abstract This paper intends to develop an interactive, comprehensive information visualization platform of Instagram hashtag analysis. Instagram hashtags has developed themselves into all different kinds of group or communities for users to share hobbies and find similar friends. In order to analyze topic influence and user interest trend from Instagram, which contains billions of end-users and has worldwide influence, hashtag analysis is necessary to gather such information and compare the proportion of people involving in each tags and rank them to visualize. The visualization is developed in 3D space and consists of time-varying data flow of tags, together with tag comparison analysis, as well as event researches. In the rest of the paper, we mainly discuss the design idea and the development process of the system. An example of the system design work will be shown in the discussion, which involves 4 popular hashtags discussed on Instagram and are shown on the system, displayed as an 3D histogram, together with another comparison histogram to compare different tags, as well as an event view in the back. © 2020 The Authors. Published by IEREK press. This is an open access article under the CC BY license (https://creativecommons.org/licenses/by/4.0/). Keywords Information visualization; Instagram; interactive 3D visualization; social media; topic analysis 1. Introducation Instagram is one of the most influential social media in the world. Various types of contents such as texts, images and short videos are uploaded on this platform. Users can upload their photos, or videos with description, and give each post corresponding hashtags. It can easily achieve people’s reaction from one certain event or topic through posts under hashtag. It’s really important to analysis people’s reaction of different topics especially in such a huge social media platform, using information visualization method to show the clout of one topic by amount of posts though the timeline. In Instagram, a hashtag under the topic actually show different perspective of this topic. Therefore, when calculating the clout of one topic, all the posts which are under hashtags related to this subject will be considered in the visualization model. To some extent, these hashtags will show the reason why clout of this topics suddenly increased. For example, when analyzing the clout of football, the hashtag #worldcup will be considered. In world cup period, the clout of football must have a significant increase because of the clout of the world cup. Therefore, these relative hashtags of certain topic of each should be also included in the visualization system. Each topic must have a peak clout, in somehow these peak values reflects the influence of the topics, which should also be considered in the visualization model. http://www.press.ierek.com/ mailto:rmeex07@gmail.com https://creativecommons.org/licenses/by/4.0/ Mehmood/ The Academic Research Community Publication pg. 27 This paper will be based on this data introduces system for visualizing clout of topics via hashtags in Instagram, explain the detailed of system design. Then some example cases applying that visualization system will be presented in the paper, to directly show how the visualization systems visualizing these data. 2. Literature review BrandMap (de_Campos Filho et al., 2012) is a visualization platform which uses a novel approach to visualize complex data. This paper proposes a case study using BrandMap as a visualization tool to measure the distribution of brands in the blogosphere. As many bloggers mentioned their brands, products and services, a huge resource of data requires to be organized. The methodology of visualization is to use objects with different characteristics like colour, size and shapes to represent the key brand dimensions like product attributes, features and themes. The objects are placed in circles with certain angles between them and distances from the centre. The angle between the terms around the centre is computed by hierarchy clustering technique according to their similarities. If two terms are closer to each other, they may be often mentioned and related together in the blog. The distance between the centre and term is calculated depends on the frequency that the term is cited in the blog. The more a term is mentioned in the blog, the closer it is to the centre of circles. This visualization method helps people quickly observe the information about brand dissemination over the Internet. In Masahiko Itoh (Itoh et al., 2013), social media has been one of the most popular sources for people to acquire information. The goal of this paper is to analyse changes in people’s idea, experience and interests through information visualization. A 3D visualization system is introduced in this paper to visualize time-varying topics in multiple media and analyse their future trends. The system design enables people to observe the begin time of the topic, changes in trend of the topic, bursting points, and its lifetime. Different images and events related to the topics are also considered as part of the visualization contents. This visualization system consists of two main part which are Image Flow View and Event View. To visualize the image flow, a three-dimension histogram including stacking images are created. The images are arranged according to their topics and publish time. For the event view, TimeSlice which is a 2D plane is placed in the 3D space to summarize events on the topic keywords. Once a visitor selects a time window, a tree presentation will be displayed on the TimeSlice. In all, this 3D visualization system can be used to explore trends and events in social media. In Chen et al. (Chen et al., 2016), as social media becomes more and more popular, a large number of messages are spread over medias every day. This paper aims to explore and analyse social behaviours during the process of message diffusion and propagation. In this case, D-Map which is a comprehensive visualization system is proposed. In D- Map system, social media users are represented by hexagonal nodes with colour and size indicating their behaviours and roles. The users are grouped into different communities according to their behaviours, forming a map metaphor which can visually show the social influence of the centre user. Each community is represented by one colour, and the centre user is highlighted with an outside hexagon. There is also an inside hexagon in each node indicating the number of user’s blogs. A centre user with high inner-community influence will be represented with a big size of node. A user with a large number of blogs will be assigned with a large dark hexagon inside the node. This paper collects data from one single user of Sina Weibo with all the reposting blogs, originates all these blogs and then use D-Map to visualize the diffusion process of these blogs. In conclusion, D-Map visualizes users’ social behaviours and their influence regarding spreading information on social media during the diffusion process. 3. Critical review Masahiko Itoh (Itoh et al., 2013) has provided a relatively reliable 3D visualization method by combining image stacked histograms from multiple events together with corresponding line charts, as well as an interactive event view displaying aside in 3D space. (Figure 1) Some essential attributes need to be evaluated in its research. The most fundamental one is timeline, which is organized according to the development process of the specific topic stacking with related images and contains proper time interval such as a month, a week, a day. Besides, the stacked images (Figure 2) represent the amount of discussion on social media in terms of this topic, which enables us to find the birth timing, bursting points, changes in popular content, and the lifetime of trends for each topic. Another attribute is topic, displayed by different histograms to classify various topics being discussed, explore differences in bursting timing Mehmood/ The Academic Research Community Publication pg. 28 for every topic, their chronological order, and events with the same timing on different topics. Comparison on reports between mass media and social media are also evaluated as well showing in the difference between histograms and line charts layered together. In addition to the image flow view, event view (Figure 3) is also an indispensable attribute for evaluation, represents by TimeSlices and TimeFluxes, which visualize respectively summarized events on the topic keyword during a selected time window as a tree representation, and changes in the amount of information such as the number of events within a given period of time. Figure 1 3D visualization system of time-varying information Figure 2 stacked images clustered on timeline Mehmood/ The Academic Research Community Publication pg. 29 Figure 3 Event view showing via TimeSlice Similar research in terms of social media content analysis has developed multiple methodologies with respect to provide clear user visual experience. BrandMap method uses a set of layered circles together with variously shaped notations in evaluating angles and distances in between. This method is only helpful in observing topic classification, rather than analyzing trends in information via time-varying data flow, for no time attribute is displayed in BrandMap, and no topic relations is visible in 3D visualization system. D-Map, on the other hand, an easy-visualized form of reposting tree that consist of clustered nodes represented in uniformed colour in the same group, summarizes the diffusion process to illustrate the spreading of messages across different groups of people and reveal the social impact of a central user, while the 3D visualization system only focusing on messages spreading effects--clustered messages forming information trends. In this case, the proposed topic will only become clearer to visualize when applying the 3D model (Itoh et al., 2013). Limitation of the cited system is quite obvious though. Using stacked image flow is a convenient and plausible method to consist the histogram classify different topics, however, the layered and clustered images will only mess up the visual experience as the number of topics increases. In terms of improving visual effect, the stacked images will be replaced with stacked cubes in a uniformed colour for each single topic in the proposed visualization system. Meanwhile, TimeFluxes that summarizes events on the topic keyword during a selected time window seems to be less meaningful as for TimeSlices will show the appearances every subtopic on selected time. Therefore, the proposed system is going to remove it in order to simplify the visualization. The proposed 3D visualization system will demonstrate hashtag information only on Instagram. Since no related similar social media is going to be analysed as comparison, line charts (Figure 1) will be removed in order to focusing on the data flow of histograms. As we intend to enhance the analysis of hashtags to illustrate users’ interest distribution, a new histogram on y-z plane about comparison between every topic will be summarized by gathering Mehmood/ The Academic Research Community Publication pg. 30 all highest data flow point in each topic and noting the exact time of the occurrence. Specific visualization realization will be mainly discussed in the next phase. 4. Proposed method The method we want to use is 3D visualization method. In the visualization model, we want to have a timeline to record the clout (amount of posts) of each topic. Therefore, there will be billions of timelines in such a widely-used social media. If we just use different colored timeline to represent different topics, it will be in a mess. In this situation, using 3D visualization method is a good choice to design the visualization model. We can construct a 3D coordinate, using topics and timeline as x-axis and y-axis, the clouts of each topics following time as z-axis. What’s more, to differentiate the topics in visual effect, we will use different colors for different topics. The projection of clout for each topic on x-z plane will be shown as histogram. And corresponding related hashtags will be shown when clicking certain topic at certain time in y-z plane as tree structure. In a world, we will sufficiently use the 3D system to visualize the clout of topics in Instagram in different perspectives. Figure 4 sample model to explain The proposed visualization system contains 3 main parts, hashtag time-varying view, event view, and hashtag comparison view. (Figure 5). Users can observe the trend of the hashtag in time sequence, in the meantime to explore the related interesting hashtags, as well as to compare the popularity between each irrelevant hashtag in order to explore majority users’ interests. In the hashtag time-varying view, we utilized 3D space with 3D histogram and stacked them on a timeline, which makes visualizing the heat of the hashtags easier and simultaneously see the 3 views feasible. Users can zoom, rotate, and pan the 3D space to interactively change the region being focused on and to avoid problems with occlusion. Figure 5 3D visualization system model of hashtag analysis platform Mehmood/ The Academic Research Community Publication pg. 31 4.1. Visualizing hashtag time-varying view Visualizing hashtag time-varying flow is adapted to multiple 3D histograms divided according to the hashtags, resembling to the representation of bitmap in 3D form. (Figure 6) In the y-axis, timeline is presented in a selected time interval, which can be a year, a month, a week, or even a day. Users can determine how long they would like to visualize for the heat of the discussion. We then arrange multiple histogram flows in the 3D space to compare multiple hashtags. In the x-axis, hashtags represented by the 3D histograms are arranged, labelled by the name of hashtags. Users can manually or automatically define the order of hashtags on the x-axis by using their rankings if they have them, whether it is on alphabetic or categorizing order. This allows us to explore differences in bursting timing for every hashtag, their chronological order, and hashtags with the same timing on different topics. In the z-axis, the amount of discussion in the selected hashtag of corresponding time is represented. It is clearer to visualize with gradient colour so that the levels of heat (discussion amount) in the selected hashtag are presented by the shade of the colour, which provides easy comparison among the heat between different hashtags in different time. The system supports the interaction to explore the detail information and exact content of the selected hashtags. Users can access the original hashtag page by clicking the tag name, and the original webpage from the web browser will pop out automatically and show all the information included in it and related side topics. Figure 6 visualization of the hashtag time-varying view in 3D space 4.2. Visualizing hashtag comparison view In this section, each hashtag will be gathered in the same dimension to be analysed for comparison on summarized all highest data flow point in each hashtag and represented as a 2D histogram displayed on the x-z plane. (Figure 7) We display each summarized hashtag in the position aligning to the x- arrangement of hashtags on x-axis in hashtag time-varying view. As each highest data will be presented in this view, it is easier to generate the most representative data in each hashtags and deal with their comparison using these high data, and generalized people’s most interested topics and their tendency of focusing area. The colour of this histogram will be distinguished from the one on hashtag time-varying view, in gradient representation also in order to differentiate the level of the information amount. Labels on each attribute will not be provided since the presentation has already been displayed in 3D histogram, and they have matched with each other distinctly. This view provides a further conclusion of the discussion heat comparison among every available hashtag. It not relatively easy to generalize the highest amount of the discussion in each tag though the gradient colour in 3D Mehmood/ The Academic Research Community Publication pg. 32 histogram directly, therefore conclude the heat level between tags. However, with this viewport by putting every heat level conclusion into the same dimension and analyse them together, users will have better and easier user experience during the research. Figure 7 visualization of the hashtag comparison view on x-z plane 4.3. Visualizing event view The event view is adapted from Masahiko Itoh (Itoh et al., 2013), which could be a good visualization of exploring related interests and is defined as a set of dependency relations on the name of hashtags, to explore detailed information about a selected hashtag and timing. User will need to choose a hashtag in the hashtag time-varying view, and select a specific time point, the Event View retrieves tags related to the main hashtag and automatically moves to the point of timing on the timeline to display events belonging to the time window. Users can hide it if it is not necessary. The visualization that is going to be implemented is word cloud chart. it is a very simple, clear visualization for the displacement of all the tags together comparing to the tree chart or any other method. It provides relations in between each tag as well as their discussion heat comparison, in which the most frequently researched hashtags will be displayed in the largest size of the word, and the size will reduce accordingly due to the rank of the heat of the tags. The chosen hashtag is placed in the middle with the most eye-catching size and colour, and the title of the chart (in figure 8, showing as “donaldtrump related tags”) is placed on the top of the view as well as the exact amount of its posts. This event view allows users to explore the real-time events happened to the corresponding tags. For example, in the hashtag “donaldtrump”, we can tell all the related tags from the event view is about Donald Trump, and the recent behavior he did, like the one “trumpamerica” that shows him participating 2020 American president campaign; as well as people’s attitude towards him, such as the one “gotrump”, which shows people’s resistance to Donald Trump and wish him goes off stage. Figure 8 visualization of the event view on y-z plane Mehmood/ The Academic Research Community Publication pg. 33 5. Results & Discussion The final result of our proposed visualization method is shown at figure 9. Compared with the visualization prototype at figure 10, we have already improved all the three main sections of the model. Figure 9 Final visualization model Figure 10 Visualization Prototype 5.1. Hashtag time-varying view improvement Firstly, the gradient colour of columns were changed. For the prototype, we only used different levels of blue colour to represent different amounts of discussion which was confusing to distinguish. Thus, we decided to apply two different colours which were light yellow and dark red to the gradient colour range so that the levels of heat (discussion amount) could be identified quickly. The top view of the 3D histogram at figure 11 was also more convenient for users to compare the levels of heat among topics. Figure 11 bit-map from top view Then, we enlarged the dataset. At first, we only used a week to display the discussion amount of each hashtag. However, we found that seven days were not enough to show obvious changes in trend of topic discussion. Therefore, we increased the evaluate time from 7 days to 15 days. The changes of discussion amounts could be clearer compared with before. The dataset collected on Instagram platform is shown at figure 12. Figure 12 dataset for 4 topics during 15 days 5.2. Hashtag comparison view improvement At first, we used a 2D bar chart placed at the left side of the model for comparison of the highest data flow points of each hashtag. Anyway, the columns of the bar chart were similar to those of the 3D histogram. In order to distinguish these two sections, the bar chart was replaced with a line chart in figure 13. What’s more, the colors of points referred to the same gradient color criterion of 3D histogram. The number of discussion amount at each point were marked. Mehmood/ The Academic Research Community Publication pg. 34 Figure 13 line chart of peak value 5.3. Event view improvement The event view we used at first showing the relationships of the hashtag and its related tags was shown at figure 14. The visualization randomly displayed all the related words of tags, and used the size of words to represent for the discussion amounts. However, this visualization method looked so messy that users were difficult to understand the randomly-placed words soon. Different sizes of words also made the view not so nice, and some tags were too small to recognize. What’s more, this view was too colourful to be placed in the visualization model. The colours which were redundant may catch users’ attentions. Figure 14 event view of visualization prototype Consequently, we chose to use a bubble chart to present the event view. The tags were divided into three different layers according to their degrees of relevance indicated by bubble colors. Take topic “Disney” as an example, the event view is shown as figure 15. The root hashtag “#disney” was placed as the first layer in the middle in darkest color with largest text. For the second layer, “#mulan”, “#lionking”, “#ariel” and “#maleficent2” were put in lighter color with smaller text. These four tags respectively represented for four films produced by Disney company. Thus, Mehmood/ The Academic Research Community Publication pg. 35 they belong to direct relative tags of “#disney” and should be put in the second layer. The remaining tags put in lightest color with smallest text were the third layer. These tags were related topic with those four films in the second layer instead of directly deriving from “#disney” hashtag. What’s more, tags in the third layer were put near to their parent tag in the second layer. For example, “#mushu” was the main character of film mulan and “#liuyifei” was the one who acted mushu. Both of these two tags were directly related to tag “#mulan”, so these two bubbles were placed near bubble “#mulan”. Figure 15 Event view of final visualization model Compared with the first visualization, the outlook of bubble chart was neater and clearer to understand. Tags were represented with bubbles in gradient color placed in order, and size of texts were fixed for each layer. What’s more, users can easily realize the relationship like parent or grandparent between tags. The dataset collected on Instagram platform for event view of “#disney” harshtag is shown at figure 16. Figure 16 Dataset of event view 6. Evaluation The visualization method we used is inspired from Masahiko Itoh (Itoh et al., 2013). But we choose different topics, we focus on the Instagram - a huge social media platform, trying to represent the clout of topics in same time-vary to analyse the trend of different topics, and represent the reason why these topics was mentioned in user’s Instagram. Masahiko Itoh (Itoh et al., 2013) focused on multiple media, such as TV, Blog and so on, trying to represent the clout of topics in same time varying in different platforms, and represent the topics keyword in different time. Comparing visualization model, our visualization model consists of 3 part: hashtag time varying view, hashtag comparison view and event view, their visualization model contains 2 part: Image Flow View and Event View. The hashtag comparison view that we have directly represents the peak value of different topics using line chart. The image flow view and our hashtag time varying view are quite similar, and the both event view actually has similar functionalities. Mehmood/ The Academic Research Community Publication pg. 36 6.1. Hashtag time varying view & Image flow view Masahiko Itoh (Itoh et al., 2013) use histogram diagram to represent the trend of different topics in blog, but they use the image square sequence instead of the square in traditional histogram, which not only shows how many blogs related to this topic, and also the images inside. But they ignore the number of blogs, if the highest number of blogs related to one topic is more than 1 hundred, the size of image square unit will be extremely small. Therefore, these images won’t be received by users. Otherwise, there are million users in a huge social media, there is no possibilities that hottest topic has less than 1 hundred blogs. The image histogram is not really useful in this scenario. Their image flow view also contains the line chart to represent the trend of different topics in other media. Our hashtag time varying view (Figure 17) also uses the histogram diagram. We use the traditional one-color cube instead of the image design. Furthermore, we differentiate the number of posts by color. It will be more clearly to represent the difference of amount. The original histogram just differentiate amount by the height of square, we can also represent it by color. We also change the 2D square in traditional histogram into 3D cube, considering the characteristics of 3D visualization model to avoid no information presented from other angles, especially top view. The different color cube design will make a bit-map from the top view (Figure 18), which also time- varying shows the clout of different topics. Figure 17 Hashtag time varying view Figure 18 Bit-map from top view 6.2. Comparison between 2 event view The event view of Masahiko Itoh (Itoh et al., 2013) uses the tree diagram (Figure 19), which only shows the related words. But we also want to show the amount of each subtopic of one topic to analyzing the main reason that this topic was suddenly hot in these days in our scenario. We use bubble chart instead of the tree diagram (Figure 20). Figure 19 Event view (Itoh et al., 2013) Figure 20 Event view of our model Mehmood/ The Academic Research Community Publication pg. 37 6.3. Test by questionnaire In this section, we intend to use the user evaluation method, questionnaire, to conduct the research on how the 3D visualization model performs. We have found 10 people who are not related to the development of the visualization system at all to the finish 2 questionnaires displayed down below (Figure 21 & 22), and the results are concluded as well. In the development of the first questionnaire, 24 questions are composed and are considered the most comprehensive, representative ones that can fully reflect the problem of the amended system. The second questionnaire is designed for analysing people’s view about the comparison between the model created initially and the one amended, and is consist of 7 questions in order to give an objective analysis about whether the changes is worth it or not. Figure 21 Brief overview of the questionnaire 1 Figure 22 Brief overview of the questionnaire 2 Mehmood/ The Academic Research Community Publication pg. 38 The completed result as the degree of satisfaction for the questionnaire experiment is displayed below (Figure 23). The calculation is based on the average of the value that the number of people in each degree multiply the degree value, which is represented by 0, 25%, 50%, 75% and 100% corresponding to strongly disagree, disagree, neutral, agree, strongly agree respectively. Here are some aspects that we have concluded from the result. The model performs generally well in organization, complexity and accusation. The first 2 questions reflect the superiority by giving the result of exceeding 80% from the feedback. For the hashtag time-varying view, the general performance is 85%, which is considered fairly well in visualization in general. However, there is still a relatively low result in telling the trend of each tags, which will be better in visualizing it by replacing the 3D histogram into line chart, which is not a better solution in this case. In hashtag comparison view, the result is still a pleasant one in general performance especially in organization and differentiating data trends. In the meantime, the line chart is considered a good representation method for this view. Nevertheless, the difficulty of telling people’s interested topics is still exist, which may be resolved by providing more hints through the diagram. In event view, the general performance is fair enough to be considered as an indispensable part of the model, and bubble chart can make the visualization much easier. The colour and size selection are helpful for visualizing heat differences among each tag. Figure 23 Results of Questionnaire 1 Figure 24 Model 1 Figure 25 Model 2 In questionnaire 2 result (Figure 26) that are displayed below using the same calculation method as the previous one, the overall comparison between the initial model and the amended one is quite obvious: the latter one is better in Mehmood/ The Academic Research Community Publication pg. 39 general visualization absolutely, especially in organization aspect, which has clearly been a huge development in revising the model. Besides, the hashtag time-varying view and the event view both display significant improvement. However, most people that have conducted the research considered that the finalized model does not convey more information than the initial one, which is reasonable since the amendment did not focus much on the information supplement. Moreover, many people think using line chart rather than histogram on hashtag comparison view does not seem to be a significant improvement because both can convey the trend among tags fairly well. Figure 26 Result of Questionnaire 2 7. Conclusion Above all, the visualization method proposed in this study is mainly used for evaluating the levels of heat (discussion amount) of topics and related information. There may be still some weaknesses that the visualization has, anyway, these approaches will be improved in the future work. References Chen, S., Chen, S., Wang, Z., Liang, J., Yuan, X., Cao, N., & Wu, Y. (2016, October). D-map: Visual analysis of ego-centric information diffusion patterns in social media. In 2016 IEEE Conference on Visual Analytics Science and Technology (VAST) (pp. 41-50). IEEE. de_Campos Filho, A. S., Freitas, F., Gomes, A. S., & Vitorino, J. (2012, July). Brandmap: An information visualization platform for brand association in blogosphere. In 2012 16th International Conference on Information Visualisation (pp. 316-320). IEEE. Finch, J. L., & Flenner, A. R. (2016). Using Data Visualization to Examine an Academic Library Collection. College & Research Libraries, 77(6), 765-778. Hong, S., Wang, F., & Zeng, Z. (2016, October). Design and implementation of data visualization in media manuscripts transmission system. In 2016 First IEEE International Conference on Computer Communication and the Internet (ICCCI) (pp. 32-36). IEEE. Itoh, M., Toyoda, M., & Kitsuregawa, M. (2013, July). Visualizing time-varying topics via images and texts for inter-media analysis. In 2013 17th International Conference on Information Visualisation (pp. 568-576). IEEE. Windhager, F., Federico, P., Schreder, G., Glinka, K., Dörk, M., Miksch, S., & Mayr, E. (2018). Visualization of cultural heritage collection data: State of the art and future challenges. IEEE transactions on visualization and computer graphics, 25(6), 2311-2330.