Comment 1 for bug 1164907

To create the hazard map for Japan I first converted the xml files into csv, then imported them into QGIS and saved them as shapefiles. I then applied a spatial index to the shapefile using mapnik.

Next I created a contour of the map using the QGIS contour plugin.

Next I imported the shapfiles into tilemill and used the following catocss:

#hazard_cut_contour_22 {
  line-width:1;
  line-color:white;
  line-opacity:.4;
  //line-join:round;
  //line-gamma:1;
  //line-join:round;
  line-smooth:1;
  [zoom = 7]{
    line-width:2;
   line-color:white;
   line-opacity:.3;
  }
  [zoom = 8]{
    line-width:4;
   line-color:white;
   line-opacity:.5;
  }
}

#hazard_japan_22_cut {
  marker-allow-overlap:true;
  marker-line-color:orange;
  //marker-line-opacity:0.3;
  marker-width:5;
  marker-line-width: 3;
    [iml<=150] {marker-fill:#CC0D56;marker-fill-opacity:0.9}
   [iml<=110] {marker-fill:#E60000;marker-fill-opacity:0.8}
    [iml<=100] {marker-fill:#FF0000;marker-fill-opacity:0.8}
    [iml<=90] {marker-fill:#FF3D2F;marker-fill-opacity:0.8}
   [iml<=80] {marker-fill:#FF8644;marker-fill-opacity:0.8}
   [iml<=70] {marker-fill:#FFAC53;marker-fill-opacity:0.7}
   [iml<=60] {marker-fill:#FFB858;marker-fill-opacity:0.6}
   [iml<=50] {marker-fill:#F5CB5F;marker-fill-opacity:0.5}
   [iml<=40] {marker-fill:#EFD462;marker-fill-opacity:0.4}
   [iml<=30] {marker-fill:#EADA65;marker-fill-opacity:0.35; marker-line-opacity:0.2}
   [iml<=20] {marker-fill:#E3E86A;marker-fill-opacity:0.25; marker-line-opacity:0.05}
   [iml<=19] {marker-fill: red; marker-fill-opacity:0; marker-line-opacity:0.0}

  [zoom = 1]{
   marker-width:3.5;
    marker-line-width: 0.01;
  }
  [zoom = 2]{
   marker-width:1;
    marker-line-width:0.01;
  }
  [zoom = 3]{
   marker-width:1.5;
    marker-line-width:0.05;
    //marker-line-opacity:0.1;
  }
  [zoom = 4]{
   marker-width:2;
    marker-line-width:0.1;
  }
  [zoom = 5]{
   marker-width:3.7;
    marker-line-width:.3;
  } marker-line-width: 5.9;
    marker-width: 24;
  [zoom = 6]{
    marker-width:5.6;
    marker-line-width: 0.7;
    marker-allow-overlap:true;
    [iml<=150] {marker-fill:#CC0D56;marker-fill-opacity:0.9}
   [iml<=110] {marker-fill:#E60000;marker-fill-opacity:0.8}
    [iml<=100] {marker-fill:#FF0000;marker-fill-opacity:0.8}
    [iml<=90] {marker-fill:#FF3D2F;marker-fill-opacity:0.8}
   [iml<=80] {marker-fill:#FF8644;marker-fill-opacity:0.8}
   [iml<=70] {marker-fill:#FFAC53;marker-fill-opacity:0.7}
   [iml<=60] {marker-fill:#FFB858;marker-fill-opacity:0.6}
   [iml<=50] {marker-fill:#F5CB5F;marker-fill-opacity:0.5}
   [iml<=40] {marker-fill:#EFD462;marker-fill-opacity:0.4}
   [iml<=30] {marker-fill:#EADA65;marker-fill-opacity:0.35; marker-line-opacity:0.2}
   [iml<=20] {marker-fill:#E3E86A;marker-fill-opacity:0.25; marker-line-opacity:0.05}
   [iml<=19] {marker-fill: red; marker-fill-opacity:0; marker-line-opacity:0.0}
    }
  [zoom = 7]{
    marker-width:10.1;
    marker-line-width: 2;
    marker-allow-overlap:true;
    [iml<=150] {marker-fill:#CC0D56;marker-fill-opacity:0.9}
   [iml<=110] {marker-fill:#E60000;marker-fill-opacity:0.8}
    [iml<=100] {marker-fill:#FF0000;marker-fill-opacity:0.8}
    [iml<=90] {marker-fill:#FF3D2F;marker-fill-opacity:0.8}
   [iml<=80] {marker-fill:#FF8644;marker-fill-opacity:0.8}
   [iml<=70] {marker-fill:#FFAC53;marker-fill-opacity:0.7}
   [iml<=60] {marker-fill:#FFB858;marker-fill-opacity:0.6}
   [iml<=50] {marker-fill:#F5CB5F;marker-fill-opacity:0.5}
   [iml<=40] {marker-fill:#EFD462;marker-fill-opacity:0.4}
   [iml<=30] {marker-fill:#EADA65;marker-fill-opacity:0.35; marker-line-opacity:0.2}
   [iml<=20] {marker-fill:#E3E86A;marker-fill-opacity:0.25; marker-line-opacity:0.05}
   [iml<=19] {marker-fill: red; marker-fill-opacity:0; marker-line-opacity:0.0}
      }
  [zoom = 8]{
    marker-width:18;
    marker-line-width: 3.0;
    marker-allow-overlap:true;
    [iml<=150] {marker-fill:#CC0D56;marker-fill-opacity:0.9}
   [iml<=110] {marker-fill:#E60000;marker-fill-opacity:0.8}
    [iml<=100] {marker-fill:#FF0000;marker-fill-opacity:0.8}
    [iml<=90] {marker-fill:#FF3D2F;marker-fill-opacity:0.8}
   [iml<=80] {marker-fill:#FF8644;marker-fill-opacity:0.8}
   [iml<=70] {marker-fill:#FFAC53;marker-fill-opacity:0.7}
   [iml<=60] {marker-fill:#FFB858;marker-fill-opacity:0.6}
   [iml<=50] {marker-fill:#F5CB5F;marker-fill-opacity:0.5}
   [iml<=40] {marker-fill:#EFD462;marker-fill-opacity:0.4}
   [iml<=30] {marker-fill:#EADA65;marker-fill-opacity:0.35; marker-line-opacity:0.2}
   [iml<=20] {marker-fill:#E3E86A;marker-fill-opacity:0.25; marker-line-opacity:0.05}
   [iml<=19] {marker-fill: red; marker-fill-opacity:0; marker-line-opacity:0.0}
  }
}