New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

adding in new network diagram for home page slide #263

Merged
merged 3 commits into from Feb 11, 2019

Conversation

Projects
None yet
4 participants
@SamFritz
Copy link
Member

SamFritz commented Feb 8, 2019

This PR adds in an updated network diagram to the home page slider, based on one of the collections in AUK


GitHub issue(s):

Responds to issue 261

How should this be tested?

  • image renders well locally and was tested through Safari and Google Chrome. Thanks for the canvas trick @ruebot

Additional Notes:

Learned quite a bit on how to use Gephi, so if there are any style suggestions (colours, node placement, etc.), I'd be happy to make changes. This level of zoom seems to work the best for the slider

@SamFritz SamFritz added the design label Feb 8, 2019

@SamFritz SamFritz self-assigned this Feb 8, 2019

@SamFritz SamFritz requested review from ruebot and ianmilligan1 Feb 8, 2019

@codecov-io

This comment has been minimized.

Copy link

codecov-io commented Feb 8, 2019

Codecov Report

Merging #263 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #263   +/-   ##
=======================================
  Coverage   96.39%   96.39%           
=======================================
  Files          35       35           
  Lines         555      555           
=======================================
  Hits          535      535           
  Misses         20       20

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d7d3dbb...7088d29. Read the comment docs.

@ruebot

This comment has been minimized.

Copy link
Member

ruebot commented Feb 8, 2019

@SamFritz what are the dimensions of the image that was originally exported from Gephi?

@SamFritz

This comment has been minimized.

Copy link
Member

SamFritz commented Feb 8, 2019

When I exported it gave me a 589 × 485 png

@ruebot

This comment has been minimized.

Copy link
Member

ruebot commented Feb 8, 2019

Can you export a new one that has a height of 800? Then drop that on an all black canvas of 1920x800.

@SamFritz

This comment has been minimized.

Copy link
Member

SamFritz commented Feb 8, 2019

I put the gephi image into Canva and the canvas was set to 1920x800.
screen shot 2019-02-08 at 5 36 08 pm

And the info for all the images for the slider all show the same size:

screen shot 2019-02-08 at 5 31 17 pm

Have I made it look really wonky? Let me see what I can do to export a gephi image with height @ 800px.

@ruebot

This comment has been minimized.

Copy link
Member

ruebot commented Feb 8, 2019

Not wonky. Just want to the image to look good. As it is now, the resolution looks a bit off.

@SamFritz

This comment has been minimized.

Copy link
Member

SamFritz commented Feb 9, 2019

Okedoke, I’ll hit Giphy again :)

@SamFritz

This comment has been minimized.

Copy link
Member

SamFritz commented Feb 11, 2019

Gephi image was updated and exported at 1920x800 through preview tab for higher resolution.
thanks @ianmilligan1 for the help with Gehpi's layout settings!

I tested locally and this is what the updated network image looks like on my end
screen shot 2019-02-11 at 12 28 22 pm

@ianmilligan1
Copy link
Member

ianmilligan1 left a comment

Looks good to me! I think it looks sleek and renders nicely on my end.

@ruebot ruebot merged commit dedc9c8 into master Feb 11, 2019

1 check failed

continuous-integration/travis-ci/pr The Travis CI build failed
Details

@ruebot ruebot deleted the issue-261 branch Feb 11, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment