| 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; | |
| } | |
| 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.
| license: gpl-3.0 |
| <!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; | |
| } | |