Help: NYT Fashion Week Visualization Remake?

[jacqueline palacios]

Hello, 

I work on a website for an environmental conservation non-profit. I would like to implement a similar visualization to the one you made for NYT fashion week to display the many images we collect for the beautiful biodiversity in Maryland. 

I have searched your archives, observable, and Github for a code template or any tips on how to create this visualization, but I have found none. 

Could you possibly provide me with assistance, code template, advice, or resources as to how I could recreate this visualization?

Thank you,

Jacqueline Palacios

[Mason Forando]

Hi Jacqueline 

I think you could use the d3-fisheye plugin to implement this.  See the two links below.

https://observablehq.com/@pstuffa/cartesian-fisheye-distortion

https://github.com/d3/d3-plugins/tree/master/fisheye

This article may be helpful as well:

https://bost.ocks.org/mike/fisheye/

I also have this bl.ock from my scrap project:

https://bl.ocks.org/mforando/3205cefd618ba87808ed7b0d35c9219e

The fisheye function is not mine and unfortunately I did not attribute the source in my code.  I tried looking but couldn't find the original.  Hopefully it helps get you started, though, if you don't use the plugin.

Thanks.

Mason

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/d3-js/b0bbbbf7-2e9c-4818-814a-bb09d2d3d769n%40googlegroups.com.

[Adam]

Most of the code is inline - if you look at the source of the page and search for "d3.select(".graphic")", you can see the implementation  

view-source:https://www.nytimes.com/newsgraphics/2013/09/13/fashion-week-editors-picks/index.html

To view this discussion on the web visit https://groups.google.com/d/msgid/d3-js/CAAMz88kgRbcJTs-cn%3DDjZFp8rgUMkKhZ5XDg5c6YvuwBH7Dy_A%40mail.gmail.com.

--

roadtolarissa