angryloki / wikidata-graph-builder

Visualize Wikidata items using d3.js

Wikidata Graph Builder

Visualize Wikidata items using d3.js.

Main features

• Forward and backward graph traversal using RDF GAS API
• Support for various languages for item labels
• Limits for number of iterations and number of items in graph
• SPARQL query generation for Wikidata Query Service and links to Wikidata generic tree

Developing

Once you've created a project and installed dependencies with pnpm install, start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

wikidata-graph-builder's Issues

Integration to query.wikidata.org

Hey,
I would really love to integrate your awesome visualization to query.wikidata.org.
We have this interface which makes it pretty simple to add stuff:
https://github.com/wikimedia/wikidata-query-gui/blob/master/wikibase/queryService/ui/resultBrowser/AbstractResultBrowser.js

What do you think?
Nice regards,
Jonas

Connect it to wikibase?

Hello,

Is it easy to connect it to another wikibase instance?
I understand it depends on the wikidata query service (sparql) so it's maybe possible to change the URL of the sparql endpoint somewhere?

Thanks for any help.

regards

Limit items to the ones with English Wikipedia pages?

Hello!

First and foremost, awesome tool!! Super congrats.

I work with cells on Wikidata, and I want to build this query: https://angryloki.github.io/wikidata-graph-builder/?item=Q7868&property=P279&mode=reverse

But I want only to restrict for those items with Wikipedia pages.

I have a query that kind of get the items that I want: https://w.wiki/6K5z, but that leads to a see of 0-degree nodes: https://angryloki.github.io/wikidata-graph-builder/?item=Q7868&property=P279&mode=wdqs&wdqs=SELECT+%3Fitem++%3Fsitelink1+%3Fsitelinks+%28GROUP_CONCAT%28%3Fcell_ontology_id%3B+SEPARATOR+%3D+%22%3B%22%29+as+%3Fcell_ontology_ids%29%0AWHERE+%0A%7B%0A++++%3Fitem+wdt%3AP279*+wd%3AQ7868+.++%0A++++%0A+%7B+%3Fsitelink1+schema%3AisPartOf+%3Chttps%3A%2F%2Fen.wikipedia.org%2F%3E%3B%0A+++++schema%3Aabout+%3Fitem%3B%7D%0A%0A++OPTIONAl+%7B%3Fitem+wdt%3AP7963+%3Fcell_ontology_id+.%7D%0A++MINUS+%7B%3Fitem+wdt%3AP279*+wd%3AQ116723217+.+%7D%0A++MINUS+%7B%3Fitem+wdt%3AP279*+wd%3AQ116185221+.+%7D%0A++MINUS%7B%3Fitem+wdt%3AP279*+wd%3AQ116723575+.+%7D+%0A%0A++%3Fitem+rdfs%3Alabel+%3Flabel%0A++FILTER+%28lang%28%3Flabel%29+%3D+%27en%27%29%0A++++++++%0A+%3Fitem+wikibase%3Asitelinks+%3Fsitelinks+.+%0A++++++++%0A%7D%0AGROUP+BY+%3Fitem++%3Fsitelink1+%3Fsitelinks+%0AORDER+BY+DESC%28%3Fsitelinks%29&graph_direction=down

how should I formulate the query to get the links too?

Plus: It would be cool to have this filter as a parameter

Thanks!

Fails to use the interface in a local instance

Hello
I'm very interested by your tool, to illustrate some parts of my work
I've installed your tool on my PC. All seems OK
If I go to the pages with the following link
http://localhost:3000/?property=P279&item=Q33506
all is OK and similar to the online demo
But when I enter the text 'museum' in Root Item text box, I get 'No results'
Something seems to go wrong with the auto-completion
An idea?

Load a TTL or RDF file?

I really love this tool. Using it extensively to understand Wikidata class trees, such as this one:

I have a local RDF file that I'd like to use this app for. Is there any way I can tweak it to read a local RDF file like this?

:Disease rdfs:subClassOf:Thing .
:DiseaseGeneAssociation rdfs:subClassOf :Disease .

Any pointers would be really helpful!

Thanks!

Add the ability to filter or partition nodes as a function of other properties

This is a fantastic tool, thanks for releasing it (you're getting quite a lot of love on social media (1 - 2).

It would be really great to add the following two options:

• filter the graph by some other (property,value) pair. For example, I'd love to be able to clean up this graph and only display nodes that are an instance of a state.
• partition nodes by some other (property,value) pair. For example it would be great to group these nodes/subgraphs as a function of country)

Difference between Wikidata Graph Builder and WDQS

I have this Wikidata query:

SELECT ?root_name ?parent_name ?child_name WHERE
{
 VALUES ?root_name {"Brassica rapa"}
 ?root wdt:P225 ?root_name .
 ?child wdt:P171+ ?root .
 ?child wdt:P171 ?parent .
 ?child wdt:P225 ?child_name .
 ?parent wdt:P225 ?parent_name .
 SERVICE wikibase:label {bd:serviceParam wikibase:language "en" }
}

serialized here:
https://query.wikidata.org/#SELECT%20%3Froot_name%20%3Fparent_name%20%3Fchild_name%20WHERE%0A%7B%0A%20VALUES%20%3Froot_name%20%7B%22Brassica%20rapa%22%7D%0A%20%3Froot%20wdt%3AP225%20%3Froot_name%20.%0A%20%3Fchild%20wdt%3AP171%2B%20%3Froot%20.%0A%20%3Fchild%20wdt%3AP171%20%3Fparent%20.%0A%20%3Fchild%20wdt%3AP225%20%3Fchild_name%20.%0A%20%3Fparent%20wdt%3AP225%20%3Fparent_name%20.%0A%20SERVICE%20wikibase%3Alabel%20%7Bbd%3AserviceParam%20wikibase%3Alanguage%20%22en%22%20%7D%0A%7D

When using
display results: treemap
WD produces a structured hierarchy

Similarly
display results: dimensions
plots the tree

When I use the above query on Wikidata Graph Builder, I see the error message
Unable to load graph data
me.item is undefined

Is this user-error?
Is there a working WGB query that will display the child items for the parent root_name?

Thanks for advice here.
/jay

SPARQL syntax error at angryloki.github.io

An error occur when clicking on the examples "Something is wrong with SPARQL query syntax"
On : https://angryloki.github.io/wikidata-graph-builder/

Traverse subproperties

It would be nice to traverse not only the given property but also its subproperties.

For example, if I want to know the dependencies of a software, traversing depends on software (P1547) will miss dependencies tagged using a more specific subproperty, e.g. GUI toolkit or framework (P1414). Going one level above, traversing uses (P2283) will miss both P1547 and P1414.

This could be controlled by a checkbox labeled e.g. "Traverse subproperties", as the current behavior might sometimes be desired.

Reasons to choose canvas?

Hi, we are considering to migrate to elkjs from dagre. I saw your comment(kieler/elkjs#141 (comment)), this is great demonstration for us. I'm wondering why did you choose the canvas for rendering rather than svg? Since we need to support animations in our graph, svg is proper choice for us due to ease of css-transition. But I want to know are there any limitation that blocking svg or advantages when using canvas. Thank you!

problem building a graph

May I ask for your help with a query that we'd like to present in wikidata-graph-builder?
We have this query:

SELECT ?item ?itemLabel ?linkTo ?linkToLabel WHERE {
  ?item wdt:P166 wd:Q37922 ;
        wdt:P910 wd:Q8064684 .
  OPTIONAL {
    ?linkTo wdt:P166 wd:Q37922 ;
            wdt:P31 wd:Q5 } .
 
  SERVICE wikibase:label { bd:serviceParam wikibase:language "en". }
}

that can be seen here

But the structure of the query does not support a 'hedgehog' type graph illustrating the relationship between Dylan and other winners of the Nobel Prize in Literature, as shown here

How should we redesign the query so that the relationships are illustrated in wikidata-graph-builder?

Thanks for help here.

/jay gray