SVGファイルが地図本体で、CSSファイルで色を変更する。各都道府県には"p01", "p02", ...というclassが割り当てられているので、CSSファイルにおいてclassを指定して色を変更することで、特定の都道府県のスタイルを変更することができる。例えば、埼玉県(コード11)を青で塗りつぶすには、japan-pref.cssに次のように記述する(参考:Yau (2011), Visualize This, Ch.8)。
.p11 {fill: blue;}開くアプリケーションによっては、外部ファイルに書かれたスタイルシートが認識されないことがある。 そういう場合は、SVGファイル内部にある、という部分にスタイルシートの内容をコピーする。
Wikimedia からDownloadした2つのSVGファイル(Blank_map_of_Japan, Map_of_Japan_with_highlight_on_40_Fukuoka_prefecture)にclassを付け加え、いくつかマイナーな変更を施して作成した(2012/10/25)。
都道府県コードリスト(総務省) "01 北海道" "02 青森県" "03 岩手県" "04 宮城県" "05 秋田県" "06 山形県" "07 福島県" "08 茨城県" "09 栃木県" "10 群馬県" "11 埼玉県" "12 千葉県" "13 東京都" "14 神奈川県" "15 新潟県" "16 富山県" "17 石川県" "18 福井県" "19 山梨県" "20 長野県" "21 岐阜県" "22 静岡県" "23 愛知県" "24 三重県" "25 滋賀県" "26 京都府" "27 大阪府" "28 兵庫県" "29 奈良県" "30 和歌山県" "31 鳥取県" "32 島根県" "33 岡山県" "34 広島県" "35 山口県" "36 徳島県" "37 香川県" "38 愛媛県" "39 高知県" "40 福岡県" "41 佐賀県" "42 長崎県" "43 熊本県" "44 大分県" "45 宮崎県" "46 鹿児島県" "47 沖縄県"