Closed maulik-thaker1 closed 12 months ago
Name | Link |
---|---|
Latest commit | a11c72a08e82152bab61115a884b59944b6891f1 |
Latest deploy log | https://app.netlify.com/sites/shidoka-charts/deploys/654539744a151600082ead45 |
Deploy Preview | https://deploy-preview-4--shidoka-charts.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
- Added datalabels to US choropleth and Bubble map
- Flatten world choropleth chart & removed grids
- Added border width and font size to all geo charts
- Added zoom plugin for future enhancement
- The datalabels look weird on the Choropleth to me. Also, the value being shown is the scaled value out of 10, not the actual value of the data used to create the chart. Is that really what we intend to show?
- Looks cleaner without the globe lines, but kind of stretched.
- You only added this in the story. If you want it to be a default configuration, you need to add it to the config/chartTypes/json file. Same goes for datalabel changes.
- I would remove this as a dependency if it's not being used at all.
Remember, US and World Choropleth are the same chart type, and share the same default config. If datalabels is not going into the default config JSON, it should be a separate story.
here's how datalable shows on world choropleth
Note: As per Chandan's point of view she told for now we gonna demo this and get feedback from team later on we can explore more possibilities if possible.
Removed Zoom plugin from package.json file.
2. Yeah kind of but UX wants to keep this. 3. ok Do you mean inside **chartArgTypes.js** file? I dont think is default one as world choropleth showing label very oddly
"equalEarth"
or "naturalEarth1"
(this should actually probably be the default instead of "albersUsa"
, since World maps will be more common than US) and showOutline: false
.2. naturalEarth1
2. Yeah kind of but UX wants to keep this. 3. ok Do you mean inside **chartArgTypes.js** file? I dont think is default one as world choropleth showing label very oddly
- We might want to change the labels and the tooltip to show the actual value of the data, rather than the scaled value.
- Try projection
"equalEarth"
or"naturalEarth1"
(this should actually probably be the default instead of"albersUsa"
, since World maps will be more common than US) andshowOutline: false
.- These files are the chartType-specific default configs.
value: Math.random() * 10
kind of random value generationfor example : random value generate for Nevada is 2.335 and on hover, its shows on tooltip and also in datalable
equalEarth
" and "naturalEarth1
" then map is not gonna flatten. For flatten world map, we need to give 'equirectangular
' only. if we don't want flatten map then I can keep equalEarth and naturalEarth1. Should we restrict flatten for Global map?1. there's no actual value in dataset I guess. We are generating random value by giving `value: Math.random() * 10` kind of random value generation 2. If we do projection: "`equalEarth`" and "`naturalEarth1`" then map is not gonna flatten. For flatten world map, we need to give '`equirectangular`' only. if we don't want flatten map then I can keep **equalEarth** and **naturalEarth1**. Should we restrict flatten for Global map? 3. ok got it. Are they over written at stoybook ?
naturalEarth1
as the default, which looks the best in my opinion. It looks more flat with the outline removed.2. naturalEarth1
1. there's no actual value in dataset I guess. We are generating random value by giving `value: Math.random() * 10` kind of random value generation 2. If we do projection: "`equalEarth`" and "`naturalEarth1`" then map is not gonna flatten. For flatten world map, we need to give '`equirectangular`' only. if we don't want flatten map then I can keep **equalEarth** and **naturalEarth1**. Should we restrict flatten for Global map? 3. ok got it. Are they over written at stoybook ?
- For example purposes the values are random, but these will be real values in real maps. Showing the scaled value in datalabels does not really provide any value. I think remove datalabels entirely from Choropleth, only use them on BubbleMap to show City names or similar (like the geo plugin example).
- We can't restrict anything, we are just choosing the default. Carbon Charts for example uses
naturalEarth1
as the default, which looks the best in my opinion. It looks more flat with the outline removed.Yes. The load order for options configs is:
- globalOptions.js
- globalOptionsRadial.js/NonRadial.js
- chartType/{chartType}.js
- options passed to kd-chart component
naturalEarth1
and it's looks like follow with outline removed :I pushed code with these changes. Can you approve now ?
I pushed code with these changes. Can you approve now ?
I pushed code with these changes. Can you approve now ?
- The default config changes still need to be moved into the chartType JS config files. Use "World" as the default, and make it the first story.
- Bubble Map datalabels font size seems like it may bee too small for accessibility.
- Stories are still under "Proof of Concept", let's change that if these are ready.
3. What should be the name? **Third-Party Charts** or **Others**? As on welcome page it's named **Third-party-charts** so I named accordingly.
Third-Party Charts is a good distinction. However, Tree Map is not ready yet as far as I know, and should remain under Proof of Concept.
Also, the Choropleth defaults (World) for projection, showOutline, etc still need to be moved to the chartType js config file. Then you'll have to adjust the options for the US and World stories.
3. What should be the name? **Third-Party Charts** or **Others**? As on welcome page it's named **Third-party-charts** so I named accordingly.
Third-Party Charts is a good distinction. However, Tree Map is not ready yet as far as I know, and should remain under Proof of Concept.
Also, the Choropleth defaults (World) for projection, showOutline, etc still need to be moved to the chartType js config file. Then you'll have to adjust the options for the US and World stories.
We didn't touched much to Treemap yet as no specific design change and on demo also no one mentioned to extend this. So, I am considering maybe it's done. Maybe enhancement can open more explorations on this or later phase I guess.
oh I guess showOutline and showGraticule is only remaining. I moved it to chartType.js. Also adjusted storybook options to US and World stories.
[A] US options:
[B] World options:
Tree Map is still Proof of Concept, since design has not touched it yet.
You forgot to change the projection default to naturalEarth1 in the config. Once that is done, you can remove any default options from the World story.
Tree Map is still Proof of Concept, since design has not touched it yet.
You forgot to change the projection default to naturalEarth1 in the config. Once that is done, you can remove any default options from the World story.
I am waiting for confirmation for TreeMap is still POC or not. Apart from that I removed default options from World story & added projection in config.
I merged this as I no one replies for Treemap. If anything coming then we'll look do in Prague release.
:tada: This PR is included in version 1.0.0-beta.15 :tada:
The release is available on:
Your semantic-release bot :package::rocket:
:tada: This PR is included in version 1.0.0 :tada:
The release is available on:
Your semantic-release bot :package::rocket:
Summary