Comments (6)
Can I ask how do you go about generating this Referred in
title at your stacked page?
Thanks
from foam.
from foam.
I love this - its very similar to something I made 4 years ago to use with a wordpress blog that I never really followed through with. I used d3js' force directed graphs, which also allowed for splicing in a variety of other d3js snippets for pan, zoom, search, node colors and sizes, center on selected node/page, show nodes that are x # of links away, filter based on tags & categories, etc... So, it seems to me that leaning on d3js (which appears to be compatible with gatsby vs graphql, react and other stuff) would be a good thing to consider. Or perhaps its all perfectly possible to do with other tools that you're more familiar with.
I'm not really a capable coder (my very kludgey tool took me MONTHS to splice together), so I probably can't really be all that useful for building/integrating any of this into what you've started. But a gatsby-based Foam is ultimately what I'd like to be using this all for, so I'd be delighted to share/brainstorm with you if you're keen to do so! Either way, I'll try to dig up some stuff from my notes and backups to share for inspiration.
from foam.
I used d3js' force directed graphs
That's what I've been using as well https://github.com/mathieudutour/gatsby-digital-garden/blob/master/packages/gatsby-theme-garden/src/components/graph-visualisation.js! But my implementation is probably terrible, I don't have a lot experience with D3.
There are a few more details about graphs in Foam here: https://github.com/foambubble/call-for-visualization
from foam.
No kidding. Thanks for pointing me to your d3 code! Given that you've done what is (to me) the hard work of getting d3 to work with Gatsby, I'll see if I can somehow splice in some of the stuff that I had previously made. I've got nothing but time these days, so it would be wonderful if my many months of blind trial and error could be put to good use finally! I'll share something here/with you if/when I have some success.
Is getting your code up and running really as easy as the 1, 2, 3 in your instructions?
from foam.
So I was able to get this set up and test out. Very nice! But it is extremely slow when there are lots of notes (I imported about 500) - the graph inches open and closed over the course of 10+ seconds, and zooming and panning is basically not possible. If I should be commenting on the performance at your digital garden repo instead of here, please let me know. But the same problem happens with the current Markdown Links extension as well.
Obsidian works flawlessly with the same dataset - they use a combination of d3js and Pixi.js so perhaps pixi is doing something that handles the size better. Also, I know that d3 has the capability to use svg and canvas - canvas being far faster for larger datasets, with some other tradeoffs.
So, as far as Foam is concerned, it seems to me that whether its the local or published workspace, size/performance needs to be optimized before anything else (filters, colors, focus, node size, etc...) is discussed.
from foam.
Related Issues (20)
- The relative path with spaces in embed note should be encoded
- Double square brackets in math mode lead to unwanted placeholder.
- Link manipulations HOT 1
- Wikilink does not display H1 or title: of linked note in rendered markdown HOT 4
- Link references escape html in v0.25.6 HOT 4
- Expected a string TypeError
- Update dateformat requirement to latest (5.0.3) HOT 4
- License confusion HOT 1
- Creating a note from a template via wikilink doesn't work if the template has a custom filepath HOT 3
- Add wikilink syntax to control width of pictures in markdown preview HOT 3
- Issue Scrolling Markdown Preview with Transcluded Files included HOT 1
- Wikilink are not working in preview mode when using workspace HOT 4
- Add ability to use "advanced new file" interface with "create new note" HOT 5
- [Docs] Add Guide For Users Coming From Obsidian HOT 2
- Extension Bisect reports that Foam is the cause of vscode slowing to a crawl
- Add these quick markdown snippets I created HOT 2
- Wikilink markdown link generation deletes/recreates each time the file is saved HOT 1
- Link to a section does not reflect in linked note's backlinks HOT 1
- Foam v0.25.9 very slow HOT 13
- The regex for YAML closing delimiter is to permissive
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from foam.