lsstdarkmatter / dark-matter-graph Goto Github PK
View Code? Open in Web Editor NEWCreate dark matter graphics
Home Page: https://lsstdarkmatter.github.io/dark-matter-graph/
License: MIT License
Create dark matter graphics
Home Page: https://lsstdarkmatter.github.io/dark-matter-graph/
License: MIT License
Following the discussion with @yymao @ahgpeter and @wadawson, I'm planning to remove the distinction between individual sources and populations of sources. I think this distinction is still important to discuss in the white paper, but I think it adds a significant amount of complexity to the graphics without providing a straightforward interpretation.
As part of #19 I've been (sporadically) adding ADS references for different nodes. It would be super cool if we could build ADS links and add them to the sidebar text.
Transferred from LSSTDESC/LSSTDarkMatter#9...
It looks like there is a static font size regardless of the content length. This means that some long entries (i.e., "Weak lensing (position-shear corr.)") over-flow their boxes.
I wonder if there is a way to make clear that these are in fact essentially the same but in different mass regimes and therefore with the quantum pressure playing a different role? Here is one related reference: https://arxiv.org/abs/astro-ph/0003365
(Chanda Prescod-Weinstein)
Maybe we also want to change to "interacting DM"
How hard is it to format the references as "First Author (Year)" instead of the ADS key?
Once we get the graphical representations in a semi-stable state it would be cool to add a small thumbnail PNGs to the README page. If the user clicks on the PNG, it would take them to the webpage of the graphic.
We have talked before about adding "tooltips" with node descriptions. I think it would be best to either display these in a sidebar or only on to display them on click. This would allow the user to continue to mouse-over the network and see connectivity (which is a nice feature of the current implementation).
We need to add content to and cross check the content of data.yaml
. This includes:
If we are going to have descriptions for the categories (i.e., model, probe, measurement, target), then I think it would make sense to have them appear in boxes similar to those of the regular nodes. This would encourage the user to treat them (and click on them) like normal nodes. I think it would make sense to give them a different color and font weight to distinguish them from regular nodes.
@yymao is there any way to render html text in the description text? For example, I was trying to bold something by adding the <b>
tag, but this didn't seem to render.
Form submission from @idellant to add cluster subhalo abundance cluster and distributions using weak lensing/galaxy populations/X-rays. This partially already in the diagram, but the subhalo abundance isn't linked to clusters yet.
There are two distinct kinds of "objects" that describe how different nodes are connected:
Each "path" would exactly has N-1 "links", where N is the number of categories (currently N=4). Two different paths could share some links
Right now the visualization mostly focus on links rather than paths. Even in the network diagram view, the highlighted paths when mouseover are all possible paths, not just the paths we have entered in the YMAL file.
The question is how to better visualize the "paths" in the matrix view, and also how to distinguish entered paths from all possible paths in the network diagram view. This is not entirely trivial (both conceptually and technically) so I open this issue to solicit suggestions.
Another nice way to visualize our "dark matter graph" is to use an adjacency matrix, as @wadawson proposed. @kadrlica and I suggest that we implement an "adjacency matrix" representation in our web app, in addition to the network graph we currently have.
This can certainly archivable with the D3.js library. A nice (and much more sophisticated) example can be found here.
I usually default to the MIT license. @yymao any opinions?
I think we need to add instructions telling the user to click on a node to see more details.
It looks like the categories still show mouse-over tooltips rather than text in the sidebar. Not sure if this was intentional?
Transferring from LSSTDESC/LSSTDarkMatter#9 ...
Is it possible to allow the user to dynamically change the zoom of the dark matter graph? I'm able to change this with the browsers zoom level, but it might be useful to make this part of the webapp. (Also, I expect that the content will only grow, and there may be some reason someone would want to visualize the whole network at once.)
Add a link to the submission form to readme, index.html, and header.
This is a browser issue because I have my text size set to "large" rather than "normal", but the text is overflowing the nodes for several probes: "MACHO Mass Function" and "Anomalous Energy Loss" (see attached). @yymao any ideas? Probably not worth fixing, but figured I'd ask.
The matrix view has the potential to get quite large. It would be awesome if the mouse-over highlighting could also increase the fontsize of the columns/rows label highlighted. I don't know how difficult this is.
It would be good to have some information on additional observations/datasets in addition to the LSST data, e.g. what additional observation/dataset is needed, what telescope/instrument (or ToO) capability is needed, synergies with other telescope or surveys, etc. This will help organize the synergy of LSST with other resources and also give bits of advice on the upcoming 2020 decadal survey.
Motivated by the discussion of #39, it would be nice to be able to highlight multiple paths when a user clicks while presses ctrl
key.
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.