<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE article PUBLIC "-//NLM//DTD Journal Publishing DTD v2.3 20070202//EN" "journalpublishing.dtd">
<article xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:xlink="http://www.w3.org/1999/xlink" article-type="research-article">
  <front>
    <journal-meta>
      <journal-id journal-id-type="nlm-ta">IEREK Press</journal-id>
      <journal-id journal-id-type="publisher-id">10.21625</journal-id>
      <journal-title>IEREK Press</journal-title><issn pub-type="ppub">2537-0154</issn><issn pub-type="epub">2537-0162</issn><publisher>
      	<publisher-name>IEREK Press</publisher-name>
      </publisher>
    </journal-meta>
    <article-meta>
      <article-id pub-id-type="doi">10.21625/archive.v4i2.752</article-id>
      <article-categories>
        <subj-group subj-group-type="heading">
          <subject>Research Article</subject>
        </subj-group>
        <Keywords><Keyword>Information visuliztion</Keyword><Keyword>Visualization system</Keyword><Keyword>Three-dimensional model</Keyword><Keyword>Traffic accident</Keyword></Keywords>
      </article-categories>
      <title-group>
        <article-title>Visualization System for Traffic Accident Data</article-title><subtitle> </subtitle></title-group>
      <contrib-group><contrib contrib-type="author">
	<name name-style="western">
	<surname>Chenlu</surname>
		<given-names>Su </given-names>
	</name>
	<aff>School of Electrical and Computer Engineering, Information & Communication Department, Xiamen University Malaysia</aff>
	</contrib><contrib contrib-type="author">
	<name name-style="western">
	<surname>Yating</surname>
		<given-names>Hong </given-names>
	</name>
	<aff>School of Electrical and Computer Engineering, Information & Communication Department, Xiamen University Malaysia</aff>
	</contrib><contrib contrib-type="author">
	<name name-style="western">
	<surname>Tianyi</surname>
		<given-names>Liu </given-names>
	</name>
	<aff>School of Electrical and Computer Engineering, Information & Communication Department, Xiamen University Malaysia</aff>
	</contrib><contrib contrib-type="author">
	<name name-style="western">
	<surname>Mehmood</surname>
		<given-names>Raja Majid </given-names>
	</name>
	<aff>School of Electrical and Computer Engineering, Information & Communication Department, Xiamen University Malaysia</aff>
	</contrib></contrib-group>		
      <pub-date pub-type="ppub">
        <month>12</month>
        <year>2020</year>
      </pub-date>
      <pub-date pub-type="epub">
        <day>30</day>
        <month>12</month>
        <year>2020</year>
      </pub-date>
      <volume>4</volume>
      <issue>2</issue>
      <permissions>
        <copyright-statement>© 2020 © 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/).</copyright-statement>
        <copyright-year>2020</copyright-year>
        <license license-type="open-access" xlink:href="http://creativecommons.org/licenses/by/2.5/"><p>This is an open-access article distributed under the terms of the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</p></license>
      </permissions>
      <related-article related-article-type="companion" vol="2" page="e235" id="RA1" ext-link-type="pmc">
			<article-title>Visualization System for Traffic Accident Data</article-title>
      </related-article>
	  <abstract abstract-type="toc">
		<p>
			At present, the traffic problem is a problem that the government attaches great importance to. Many papers also put forward their own visualization models for traffic problems. This research focused on the Map-matching and Spatial-temporal Visualization of Expressway Traffic Accident Information and improves the original two-dimensional visual model of accident rate into a three-dimensional model. The goal is to represent more attributes in a visual model and make them easier to compare, so as to provide users with more intuitive visual information.
		</p>
		</abstract>
    </article-meta>
  </front>
  <body><sec>
			<title>1. Introducation</title>
				<p >Since the beginning of the 21st century, there is a large
amount of traffic accidents over the world because of increasing number of
vehicles and complex urban construction. </p><p >Previous data analysis models were more planar and in the
form of digital tables, which made it difficult to analyze all the data
information.</p><p >Considering the seriousness of this problem, it is
necessary to design a traffic accident data visualization system, which allows
the traffic departments to visually analyze accident data so as to better
improve the traffic and road planning.</p><p >Based on that,
this study will based on the 2D modeling of traffic accident data fromResearch
on the Map-matching and Spatial-temporal Visualization of Expressway Traffic
Accident Information, and improved
it into a three-dimensional model that can represent more attributes in
a visual model and make them easier to compare, so as to provide users with
more intuitive visual information.</p><p >In this regard, the transportation department can
separately analyze the occurrence of accidents at different time points
according to the results of the visualization, and can clearly see the accident
trends of working days and non-working days, so as to formulate more feasible
transportation law. In addition, people can also plan the travel arrangements
by looking at the visual results to avoid peak accidents and avoid high-risk
roads.</p>
			</sec><sec>
			<title>2. Literature review</title>
				<p >In Research on the
Map-matching and Spatial-temporal Visualization of Expressway Traffic Accident
Information, This paper proposes a method based on accident collection data
and GIS roadmap data to realize rapid location, map matching and verification
of highway accidents. Through visual analysis, traffic management departments
can be helped to improve accident prevention capabilities.</p><p >Specific implementation: First, collect data using map
collection tools (not only can collect street view information of roads, but
also collect road data). Next, it can achieve automatic road data extraction of
panoramic images.</p><p >The visualization of accident time-space data helps to
enhance the understanding of time and space factors and accident data changes,
including three aspects: </p><p >a.
Time series visulization</p><p >Figure 1 Time series visualization using the line graph</p><p >Figure 2 Time
series visualization using the polar graph</p><p >b.
Spatial distribution
visualization</p><p >Figure 3 Spatial distribution visualization using map
and scatter plot (simulating data)</p><p >Figure 4 Accidents frequently-occurring road segment
visualization</p><p >Figure 5 Spatial distribution visualization using
reginal hierarchical rendering and scatter plot.</p><p >c.
Space-time related
visualization, considering the time and space of traffic accidents Distribution
characteristics, specifically expressing the regularity of accidents in a certain time and space. </p><p >Figure 6 superimposing the time-line chart for different
regions on the map. (simulating data)</p><p >Among those visualization model, time series
visualization using line graph and Time series visualization using polar graph
are compared. (M1 means Method 1: Time series visualization using line graph;
M2 means Method2: Time series visualization using polar graph.)</p><p >Table 1. Type of visualization</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  M1
  </td>
  <td>
  M2
  </td>
 </tr>
 <tr>
  <td>
  Type
  </td>
  <td>
  Line chart
  </td>
  <td>
  Polar
  chart
  </td>
 </tr>
 <tr>
  <td>
  Musk
  </td>
  <td>
  Points, lines and
  color
  </td>
  <td>
  Circle,
  clock and coloe
  </td>
 </tr>
 <tr>
  <td>
  Target Audience
  </td>
  <td>
  Transportaion
  department
  </td>
 </tr>
</table></table-wrap>

<p >Table 2. Displayed information</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  M1
  </td>
  <td>
  M2
  </td>
 </tr>
 <tr>
  <td>
  Number of
  acccidents in each hour
  </td>
  <td>
  Displayed
  </td>
  <td>
  Displayed
  </td>
 </tr>
 <tr>
  <td>
  Number of accidents
  every day
  </td>
  <td>
  Displayed
  </td>
  <td>
  Displayed
  </td>
 </tr>
</table></table-wrap>

<p >Table 3. Scalability</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  M1
  </td>
  <td>
  M2
  </td>
 </tr>
 <tr>
  <td>
  Scalability
  </td>
  <td>
  High
  </td>
  <td>
  Medium
  </td>
 </tr>
 <tr>
  <td>
  Reason
  </td>
  <td>
  Because the number of accidents can refer to different
  value in y-axis, if the value is high, still can be represented.
  </td>
  <td>
  Because the size and color of
  circle represent the quality of accident, and it is not really precise，but it still can represent
  large number.
  </td>
 </tr>
</table></table-wrap>

<p >Table 4. Accuracy</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  M1
  </td>
  <td>
  M2
  </td>
 </tr>
 <tr>
  <td>
  Accuracy
  </td>
  <td>
  Medium
  </td>
  <td>
  Low
  </td>
 </tr>
 <tr>
  <td>
  Reason
  </td>
  <td>
  Although its visualization is based on exact value to
  represent the number of accidents, but it is not easy to get the precise
  quantity of accidents in each timestamp (any point) on x axis.
  </td>
  <td>
  It is hard to determine the
  accurate value from size and color shade of circle., because each color refer
  to a range of value.
  </td>
 </tr>
</table></table-wrap>

<p >Table 5. Reliability</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  M1
  </td>
  <td>
  M2
  </td>
 </tr>
 <tr>
  <td>
  Reliability
  </td>
  <td>
  High
  </td>
  <td>
  High
  </td>
 </tr>
 <tr>
  <td>
  Reason
  </td>
  <td>
  The source of the data for the
  three methods is derived from the accident record and use a double-check
  model to verify whether the data is reliable, so the data is highly
  authentic. That means the visualization has high reliability.
  </td>
 </tr>
</table></table-wrap>

<p >Table 6. A degree of discrimination (when the data is ver
close)</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  M1
  </td>
  <td>
  M2
  </td>
 </tr>
 <tr>
  <td>
  Degree of discrimination
  </td>
  <td>
  High
  </td>
  <td>
  Low
  </td>
 </tr>
 <tr>
  <td>
  Reason
  </td>
  <td>
  It is differentiable from exact value in y
  axis, so it is really clear to see discrimination.
  </td>
  <td>
  When the data is
  really close, it is not easy to distinguish them between color and size of
  circle.
  </td>
 </tr>
</table></table-wrap>


			</sec><sec>
			<title>3. Proposed Method</title>
				<p >Based on the original data visualization
model, we improved that visualization system for the accident data in the road.
</p><p >Figure 7 Data set for section2 (the value is number of
accidents)</p><p ><bold>1. </bold></p><p ><bold>2. </bold></p><p ><bold>3. </bold></p><p >3.1.
Version 1</p><p >A calender map is proposed to visualize the traffic
accident data. In this map, days are arranged in a calendar form. All the days
will be showed as a grid surrounded by red edges with 12 smaller grids inside
(4 lines and 3 rows). Each smaller grid represents two hours in a day. They are
arranged in chronological order from left to right, from top to bottom. Colors
change from light green to dark green will show the probability of accidents
from low to high.</p><p >Figure 8 Calendar map-1</p><p >Figure 9 Calendar map-2</p><p >3.2.
Version 2</p><p >Since the version 1 cannot give direct comparison between
different attributes in more perceptible sequence, in this version, the
proposed model is designed to deliver the information of different hours in a
day and different days’ information in a month. It is a three-dimensional
visualization model that x axis represents hours in a day, y axis represents
days in a week (from Monday to Sunday) and z axis represents the same weekdays
in a month (four Mondays in a month will be assigned to the same z axis).</p><p >Table 7. The explanation of information in different axis</p>

<table-wrap><label>Table</label><table>
 <tr>
  <td>
  Axis
  </td>
  <td>
  Meaning
  </td>
 </tr>
 <tr>
  <td>
  X-axis
  </td>
  <td>
  Hours in a day (from 0:00-24:00,
  each bar is 2 hours)
  </td>
 </tr>
 <tr>
  <td>
  Y-axis
  </td>
  <td>
  Days in a week (from Monday to
  Sunday)
  </td>
 </tr>
 <tr>
  <td>
  Z-axis
  </td>
  <td>
  The number of accidents in four
  same weekdays in one month.
  </td>
 </tr>
</table></table-wrap>

<p >The reason why we used days in a week (Monday to Sunday)
instead of specific date (May 1st or May 2nd) is because weekday and weekend
are more comparative, have more important directive to target audience
(Transportation department).For example, it is more meaningful for user to
compare different accident rates between weekdays and weekend at the same time
period (such as the evening rush from 18:00 to 20:00).</p><p >In this model, readers can get different contrasts by
comparing different dimension. In z axis, there are four weeks (first week,
second week, third week, fourth week) in a month. Each of them is a column
which filled with different colors: green, red, yellow and blue respectively.</p><p >Figure 10 Three-dimensional method</p><p >When the x axis and z axis is displayed, it can show
accident data in every 2 hours on specific day in one week. (Figure 7 four
Mondays etc.). Two hours is a group.</p><p >Figure 11 The explanation of block with different colors</p><p >Figure 12 Monday (four weeks)</p><p >Figure 13 Tuesday (four weeks)</p><p >Figure 14 Wednesday (four weeks)</p><p >Figure 15 Thursday (four weeks)</p><p >Figure 16 Friday (four weeks)</p><p >Figure 17 Saturday (four weeks)</p><p >Figure 18 Sunday (four weeks)</p><p >When y-axis and z-axis is displayed, it can show accident
data at specific 2 hours t (as Figure 41 shown is 0:00-2:00) on every weekday
in one month.</p><p >Figure 19 y and x axis</p><p >Other than this, the model can also be displayed in x
axis and y axis. Blue color from light to dark will give information according
different number of accidents. There are four smaller grids in one rectangle.
Each of a smaller grid represents week in sequence (First row of girds
represents the information of first week, and so on). All the information can
be showed in the x and y axis.</p><p >Figure 20 x and y axis</p><p >3.3.
Version 3</p><p >Although the proposed version 2 has been greatly
improved, for example, it can represent more data and make clearer comparisons.
However, the color classification is so few that the visualization of each set
of data is not clear enough. Therefore, in the proposed version 3, we use more
color systems to represent the incidence of traffic accidents.</p><p >Figure 21 Proposed method version 3- whole month [x-y
axis]</p>
			</sec><sec>
			<title>4. Evaluation and Result</title>
				<p >Here are the comparisons among the original method,
proposed version 1, version 2 and version 3.</p><p >Table 8. Comparation among methods and proposed versions
1, 2 and 3</p>

<table-wrap><label>Table</label><table>
 <tr>
  
  <td>
  Method
  </td>
  <td>
  Proposed version
  1
  </td>
  <td>
  Proposed version
  2
  </td>
  <td>
  Proposed
  version 3
  </td>
 </tr>
 <tr>
  <td>
  Type
  </td>
  <td>
  Polar graph
  </td>
  <td>
  Calendar garph
  </td>
  <td>
  3D bar chart
  </td>
  <td>
  3D
  bar chart
  </td>
 </tr>
 <tr>
  <td>
  Displayed data
  size
  </td>
  <td>
  7-day
  </td>
  <td>
  1-month
  </td>
  <td>
  1-month
  </td>
  <td>
  1-month
  </td>
 </tr>
 <tr>
  <td>
  Dimensional
  </td>
  <td>
  2D
  </td>
  <td>
  2D
  </td>
  <td>
  3D
  </td>
  <td>
  3D
  </td>
 </tr>
 <tr>
  <td>
  Mask
  </td>
  <td>
  Circle, color shade
  </td>
  <td>
  Grid, color shade
  </td>
  <td>
  Bar, grid, color
  shade
  </td>
  <td>
  Bar,
  grid, color, color shade
  </td>
 </tr>
 <tr>
  <td>
  Accuracy
  </td>
  <td>
  Low
  </td>
  <td>
  Medium
  </td>
  <td>
  High
  </td>
  <td>
  High
  </td>
 </tr>
 <tr>
  <td>
  Scalability
  </td>
  <td>
  Low
  </td>
  <td>
  High
  </td>
  <td>
  High
  </td>
  <td>
  High
  </td>
 </tr>
 <tr>
  <td>
  Perception
  </td>
  <td>
  High
  </td>
  <td>
  Medium
  </td>
  <td>
  Medium
  </td>
  <td>
  High
  </td>
 </tr>
</table></table-wrap>

<p >The first polar graph only displays 7-day data whereas
all method we proposed can show one-month data. And the previous two methods
are 2-dimensional and later two are 3-dimensional. Polar graph consists of
circle and color shade to represent the number of accidents, and the calendar
graph use different color shade of grid to show accident condition in calendar
form. However, the last two method display the number of accidents by height of
bar and the top different color shade of grid can represent every day data.
Besides, the last method includes 3 colors (red green blue) to indicate
different severity.</p><p >The polar graph and calendar graph use color shade to
represent number of accidents is not really precise, but the later methods we
proposed are use height corresponding to different values, which is really
precise.</p><p >Apart from that, if the data set is huge, the polar graph
cannot accommodate all data, but later 3 methods can be applied to large sample
size. As for perception, the clock form of the polar graph makes it intuitive
to see the time changes within a day, but the changes in different days are not
very obvious. Although the calendar map can reflect the accident situation
within one month and one day, it is difficult to compare each other.</p><p >3-D bar charts can be compared from different dimensions
(different days of one-week, different times of one day, data within one
month), and then different results are obtained. The amount of information is
large, but the color shade is single, resulting in low information acquisition.
In the last 3-D bar chart, we used different colors in the y-z axis view to
distinguish the severity, and the viewer can obtain information more
intuitively.</p><p >The significance of this part can be divided into Four
parts:</p><p >Firstly, in the way of data representation, the regular
grid provides a neat data visualization model from different angles (x-y, x-z
and y-z), and through the form of a 3d bar chart, different dimensions are
integrated into one, which can clearly display and compare data for each dimension
by rows or columns. </p><p >Secondly, in the data dimension, this model provides more
different dimensions of time representations: hour, day and week (the x-axis is
the hour, the y-axis is the week, and the z-axis is the day), so it is easy for
user to represent and compare the data of the accident occurrence from more
different aspects, such as the amount of accidents on different days of the
same time period (such as 0:00 am to 2:00 am) and the number of accidents at
different time periods in same day. In the existing data visualization model,
the time dimension is only 7 days, so it is impossible to provide so many
contrast dimensions and information volume.</p><p >Thirdly, in the term of the noticeable of the data,
through improvement, a strongly contrasting color was used to indicate the
number of accidents on different days of a month. Red and green as a pair of
contrast colors which were used to represent data in the top view allow the
user to intuitively feel which time period or day of the week has a high risk
of accidents. Also, the colors with different hue are used to indicate
different weeks of a month, which there is a strong discrimination between each
week.</p><p >Finally, this model also has good scalability. When the
amount of data is more, it is easier to find the similarity of data in the same
time period, and it is easy to get road congestion information and dangerous
information. This model has no spatial limitations and the expression dimension
limit of other existing models (like the polar model is limited by the spatial
position size and circle size).</p><p >Among the users surveyed, all felt that the improved
model could provide more information. At the same time, it is generally
believed that the visual model can be clearly understood, and the legends
provide enough information. However, suggestions have been put forward for the
representation of similar data. If two numbers are close, it is difficult for
them to distinguish, that is to say, there are not enough categories and grades
of colors. Meanwhile, it is suspected that if the number of data increases, it
may be difficult to express it in this model.</p>
			</sec><sec>
			<title>5. Conclusion</title>
				<p >In this study, we first selected the paper Research on
the Map-matching and Spatial-temporal Visualization of Expressway Traffic Accident
Information and improve the visualization model. Regarding the traffic accident
rate of a certain area every two hours, every day and every week, the
two-dimensional time-space visualization model of the original paper was first
changed to calendar model to display more data. And then the calendar model was
changed to three-dimensional model so that each attribute can be clearly
compared. Finally, the 3d model was further improved, more colors were used to
represent the accident rate and the legend was also improved. In a word,
compared with the models in the paper, the final three-dimensional model has
the advantages of displaying more data, easier comparison, clearer
representation information and easier understanding.</p>
			</sec></body>
  <back>
    <ack>
      <p> </p>
    </ack>
  </back>
</article>