| direction | Spring | Summer | Fall | Winter | |
|---|---|---|---|---|---|
| North | 0.4 | 0.3 | 0.2 | 0.35 | |
| East | 0.2 | 0.2 | 0.3 | 0.24 | |
| South | 0.1 | 0.2 | 0.4 | 0.2 | |
| West | 0.25 | 0.2 | 0.2 | 0.3 |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <style> | |
| svg { | |
| background: #9ecae1; | |
| } | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <style> | |
| svg { | |
| background: #9ecae1; | |
| } | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <html lang="en"> | |
| <head> | |
| <script src="http://d3js.org/d3.v4.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script> | |
| <script src="https://d3js.org/d3-geo-projection.v1.min.js"></script> | |
| <style> | |
| .route { |
| dept | via | arr | vol | |
|---|---|---|---|---|
| Victoria | VictoriaOffshoreSF | San Francisco | 69042 | |
| Victoria | VictoriaOffshoreOS | Portland | 4908.2 | |
| Victoria | VictoriaOffshoreAS | Honolulu | 5968 | |
| Victoria | VictoriaOffshoreSC | San Diego | 1000 | |
| Victoria | VictoriaOffshoreMX | Mazatlan | 600 | |
| Victoria | VictoriaOffshoreSC | San Pedro | 430 | |
| Victoria | VictoriaOffshoreAK | Ounalaska | 332 | |
| Victoria | VictoriaOffshoreAK | Sitka | 2565.25 |
An attempt at Tissot's Indicatrix in d3.js v4.
It uses a spherical earth for ease of calculation, but as the earth is a slight ellipsoid, there could be a small amount of error. But this is small enough it shouldn't distort the graphics.
Each indicator circle/ellipse (depending on projection) represents a circular area with a 500 km radius. The number of indicators can be changed with the across/high variables.