Marielle Lange widged

Learning GraphQL

Facebook tutorials and resources:

Introducing Relay and GraphQL, Data fetching for React applications @Facebook.
GraphQL Introduction @Facebook
Building the facebook news feed with relay

Why be interested:

For when you get tired of having to open the command line to quickly check a javascript demo that requires the code to run over a server.

Save the file server.command on your machine, make it executable chmod u+x server.command, drop (with copy) the file in the demo folder, double click on it. Press the reload button on the browser window that automatically opened.

For the nodeserver, you must have http-server pre-installed (npm install -g http-server)

Importing the csv file from data.govt.nz. The header row is "Title","Url","DatasetType","Agency","AgencyContact","AgencyContactEmail","AgencyContactPhone","Description","Format","UpdateFrequency","Cost","CostInformation","SubmissionSource","Licence","LicenceURL","Date listed","Date last updated","DatasetLastUpdated","DatasetCreation","Guid"

USING PERIODIC COMMIT 100
LOAD CSV WITH HEADERS FROM "https://data.govt.nz/search/csv/?q=&CategoryID=0"
  AS line
WITH line LIMIT 500

LOAD CSV into Neo4j quickly and successfully

Since version 2.1 Neo4j provides out-of-the box support for CSV ingestion. The LOAD CSV command that was added to the Cypher Query language is a versatile and powerful ETL tool. It allows you to ingest CSV data from any URL into a friendly parameter stream for your simple or complex graph update operation, that … conversion.

Click on the various examples

Each example is a random vector in the same "space" as the sample in the top left.

Drag on individual rows

Each row represents one dimension of our vectors. You can drag them back and forth to change the value of our vector for that dimension.

Watch how the similarity bar changes

The bar below each vector is a measure of how similar it is to the sample in the top left.

Whats going on?