Method for dynamically presenting two-dimensional spatial data by using color mapping technology in scalable vector graphics (SVG)

TL;DR: In this paper, a method for dynamically presenting two-dimensional spatial data by using a color mapping technology in SVG is presented, which comprises the steps of visiting an SVG document and newly creating a blank canvas; if a concerned space range is not the whole SVG plane, newly creating clipping path which serves as a shade that is applied to the canvas; setting grid spacing parameters in a transverse direction and a longitudinal direction, and calculating coordinates, widths and heights of all grid rectangles; collecting scalar data of t period of n points in a 2D space; using a

Abstract: The invention provides a method for dynamically presenting two-dimensional spatial data by using a color mapping technology in SVG. The method comprises the steps of visiting an SVG document and newly creating a blank canvas; if a concerned space range is not the whole SVG plane, newly creating a clipping path which serves as a shade that is applied to the canvas; setting grid spacing parameters in a transverse direction and a longitudinal direction, and calculating coordinates, widths and heights of all grid rectangles; collecting scalar data of t period of n points in a two-dimensional space; using a spatial interpolation algorithm to calculate scalar values of central points of all grid rectangles; using the color mapping technology to map scalar values of central points of all grid rectangles as specific colors; if t=1, creating all grid rectangles sequentially on the canvas and filling colors corresponding to scalar values; if t>1, changing filling colors of all grid rectangles into the color corresponding to the current scalar value sequentially; and if the period to be displayed exists, enabling t to be equal to t+1, and returning to S4 to display data of the next period. The method is low in development difficulty, high in development efficiency and high in practicability.