Add a chart of CKB full node distribution

[Keith-CY]

Data source: https://github.com/cryptape/Marci

Charts:

• geographic projection
• Nodes distribution by Country/Region

Style:

• Geo:
  • https://echarts.apache.org/v4/examples/en/editor.html?c=lines3d-airline-on-globe&gl=1
  • https://echarts.apache.org/v4/examples/en/editor.html?c=lines3d-flights-gl&gl=1
  • https://echarts.apache.org/v4/examples/en/editor.html?c=lines3d-flights&gl=1
• Distribution:
  • https://echarts.apache.org/v4/examples/en/editor.html?c=pie-custom

[Danie0918]

PRD:https://ybbzk8.axshare.com

Requirements:

1. Add 2 charts to the 'Charts' page:https://explorer.nervos.org/charts
2. Supports 'Mirana Mainnet' and 'Pudge Testnet'.
3. Click to view details
   • Node Tracker Map:https://echarts.apache.org/v4/examples/en/editor.html?c=lines3d-airline-on-globe&gl=1
   • Nodes distribution by Country/Region:https://echarts.apache.org/v4/examples/en/editor.html?c=pie-custom

[Keith-CY]

PRD:ybbzk8.axshare.com

Requirements:

1. Add 2 charts to the 'Charts' page:explorer.nervos.org/charts

2. Supports 'Mirana Mainnet' and 'Pudge Testnet'.

3. Click to view details

   • Node Tracker Map:echarts.apache.org/v4/examples/en/editor.html?c=lines3d-flights-gl&gl=1&theme=light
   • Nodes distribution by Country/Region:echarts.apache.org/v4/examples/en/editor.html?c=pie-custom

For point 2, charts of mainnet and testnet can be displayed in mainnet explorer and testnet explorer, respectively.

---

For point 3, the earch is so awesome that we can display it in full window, like http://globe.cid.harvard.edu/?mode=productsphere&id=1702

[Danie0918]

For point 3, the earch is so awesome that we can display it in full window, like http://globe.cid.harvard.edu/?mode=productsphere&id=1702

OK, let's change style to https://echarts.apache.org/v4/examples/en/editor.html?c=lines3d-airline-on-globe&gl=1.
@zmcNotafraid

[Keith-CY]

For point 3, the earch is so awesome that we can display it in full window, like http://globe.cid.harvard.edu/?mode=productsphere&id=1702

OK, let's change style to echarts.apache.org/v4/examples/en/editor.html?c=lines3d-airline-on-globe&gl=1. @zmcNotafraid

Oh the animation is pretty good for me, my point is that the chart/map/earth can take the whole window instead of using the central part as

[zmcNotafraid]

Node Country Chart PR: Magickbase/ckb-explorer-frontend#279

[Keith-CY]

I'll take over

If @zmcNotafraid is working on other issues

[Keith-CY]

Geo distribution should be added by Magickbase/ckb-explorer-frontend#283