leaflet - CartoCSS を介してスタイル付きベクター マップ データを提供する方法

Question

人々の通勤経路と交通事故の危険を感じている場所を表す線と点のサンプルデータ セットがあります。

現在、データには、場所 (自宅、職場、危険) などの属性と、さまざまな場所で恐れている事故の重大度があります。したがって、より広い問題は、これを Web マップ上で視覚化する方法です。そのために、Google Maps、Leaflet、OpenLayers3を調べました。これらはそれぞれ見栄えがよく、素敵なスタイリングを可能にしますが、私の目には、以下の画像を作成するために使用される以下のコードのように、高速で複雑で直感的なスタイリングのためのCartoCSSのきちんとしたものはありません。

タイルミルで試してみたところ、TileMill を介してラスタータイルに変換した後、これが思いついたものです。

しかし、これはばかげた方法です。基本レイヤーをオーバーレイすることはできず、ベクトル データを提供してクライアント側でスタイルを設定するだけで、おそらくmapbox.jsのようなものを使用する方がはるかに効率的です。しかし、クライアント側で素敵な CartoCSS 言語を使用して GeoJSON ファイルのスタイルを設定する方法がわかりません。（どのように）これは可能ですか？

ps 上記のマップのスタイルを設定した方法は次のとおりです

#tlines {
  line-width:1;
  line-color: #0b0;
}

#tpoints.points{
  marker-width: 6;
}


#tpoints.points[Place='Danger'] {
  marker-fill:#db0d0d;
}
#tpoints.points[Place='Home'] {
  marker-fill:#db0;
}

#tpoints.points[Severity='1']{
  marker-width: 4;}
#tpoints.points[Severity='2']{
  marker-width: 6;}
#tpoints.points[Severity='3']{
  marker-width: 10;}