jquintozamora / react-d3-treemap Goto Github PK
View Code? Open in Web Editor NEWTreemap based on d3.treemap built using React
Home Page: https://jquintozamora.github.io/react-d3-treemap/
License: BSD 3-Clause "New" or "Revised" License
Treemap based on d3.treemap built using React
Home Page: https://jquintozamora.github.io/react-d3-treemap/
License: BSD 3-Clause "New" or "Revised" License
On the README, the example data link returns a 404.
Hello, I was trying this module and it's very nice looking, I am working on React and it's coming NaN as value since I don't have any, and when I set hidevalue as true its showing false on treemap, is there any way to remove the value?
Thank you
I'm seeing this issue where there is a large margin around the nodes sometimes, especially when you zoom to deeper levels of the hierarchy.
This happens a couple times in the GIF of this repo's own README (see below).
This is confusing to me because it doesn't match my understanding of how a treemap should work. The sub-nodes should sum to 100% of the area of the parent node, right? We should only leave a little extra margin near the top so that the label is visible.
(In principle it's possible for the parent node to have extra "value" of its own, which would explain why the children wouldn't fully cover its area. But this isn't the case for the examples I'm seeing with my own data, which makes this seem like a bug.)
I tried various settings like paddingInner=0
to try to fix this, but no luck.
When I click on an element, the view reduces down to just 1 substree instead of levelsToDisplay subtrees.
if more than one treemap is on a page and the clipping regions differ, the first ones on the page are taken by the url ref <text clip-path="url(#clip-24)">
. This yields to wrongly clipped text and strange behavior.
These ids need to become somehow unique on a page.
Is there a way to remove showing the value number for each node? I just care about the number of childrens every node has but I don't care about the size of every node.
🚨 You need to enable Continuous Integration on all branches of this repository. 🚨
To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.
Since we didn’t receive a CI status on the greenkeeper/initial
branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.
If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/
.
Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial
branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.
Has anyone gotten the Treemap to refresh when changing the data map? I want to have two views and switch dynamically but the treemap does not refresh. Thoughts or suggestions?
We have detected a problem with your Greenkeeper config file 🚨
Greenkeeper currently can’t work with your greenkeeper.json
config file because it is invalid. We found the following issue:
tsconfig.package.json
in the group default
is invalid. It must be a relative path to a package.json
file. The path may not start with a slash, and it must end in package.json
. Allowed characters for a path are alphanumeric, underscores, dashes, periods and the @ symbol (a-zA-Z_-.@).Please correct this and commit the fix to your default branch (usually master). Greenkeeper will pick up your changes and try again. If in doubt, please consult the config documentation.
Here’s an example of a valid greenkeeper.json
:
{
groups: {
frontend: {
packages: [
'webapp/package.json',
'cms/package.json',
'analytics/package.json'
]
},
build: {
packages: [
'package.json'
]
}
},
ignore: [
'standard',
'eslint'
]
}
This files tells Greenkeeper to handle all dependency updates in two groups. All files in the frontend
group will receive updates together, in one issue or PR, and the root-level package.json
in the build
group will be treated separately. In addition, Greenkeeper will never send updates for the standard
and eslint
packages.
🤖 🌴
And... I want to add "key" and "value" to "data" file.
The zoom animation when click on a node doesn't seem to be working by default, is there something that has to be specific as a prop?
Thanks in advance, this is fantastic!
warning.js:33 Warning: Failed prop type: Calling PropTypes validators directly is not supported by the prop-types
package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types
Right now, nodes without children split the text using a regular expression. Unfortunately, this regular expression doesn't always produce natural-looking splits for visualization (for instance, it splits "it's" into "i" and "t's"). It'd be nice to be able to override this behavior in some way, either with an alternate split regular expression or just with a boolean to disable the split.
(PS: thank you for implementing this treemap, it's nice!)
@quintozamora How to change the FormatSpecifier and formatDefaultLocale in Valueformatter,
I want to show the Indian currency symbol, and also I want to show the values in Lakhs Format in treemap value format
Dependabot couldn't authenticate with eurostar.jfrog.io.
Please note that for JFrog repositories Dependabot needs to have deploy
permission (as JFrog requires this for Dependabot to access uncached artifacts).
You can provide authentication details in your Dependabot dashboard by clicking into the account menu (in the top right) and selecting 'Config variables'.
You can mention @dependabot in the comments below to contact the Dependabot team.
Can you please tell us how to run the code, if I give 'npm start' it doesn't work.
Hi,
Is there anyway I can lazily load children when user clicks on a tile?
Is there any way to apply our custom color to the respective nodes?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.