Request for Input: Create-Viz Page Overhaul

We are looking at ways to improve the https://vizhub.com/create-viz page and are looking for feedback.

Some initial ideas:

  • More sections with curated vizzes.
  • What sections should be there?
  • Starters
  • D3 Examples from Data Visualization Course 2018
  • D3 + React Examples from Datavis 2020
  • Community Templates - any recommendations?
  • Most Forked

Also tracked as GitHub Issue: Fix up Create Viz Page.

2 Likes

Minor suggestion:

When the user clicks one of the choices, it should be automatically forked so that the user directly starts editing his/her own fork.

It happened to me many times that I would choose a viz from that page and start editing right away, then I notice when I get the error that I didn’t fork it. So, I believe the automatic fork would make the process (at least slightly) more seamless.

3 Likes

Yes this is a really great point.

Related to the idea of an Interstitial forking rename dialog.

I think it makes sense to implement this auto-forking feature only once that is in place - so it’s clear that a fork will occur. Probably if we do it now, it may be a bit disorienting to click on one of the previews in the create-viz page and have it automatically fork.

1 Like

Agree with Waseem.

As for me, then user is on create vizz page, one think of vizzes as templates rather than previews. So users want exactly what Waseem described.

2 Likes

What do y’all think of this redesign?

2 Likes

Cool! (No, I’m not saying that because my template made it to the front of the page. :sunglasses:)

This looks great! :+1:

A couple of thoughts:

The first is whether examples could be labelled upfront as D3 v5, v6 etc. This would help ease one’s search and exploration. In fact, I wonder if the version number could be pulled automatically.

The same could apply for React but then again that remains mostly (as of the present moment) backwards-compatible. Indeed, the biggest jump for me has been more of a mental one (between classes and hooks).

Second, would it be useful to also have examples categorised by the kind of data stories they show? One of your videos touched very nicely on this important topic around different data types suggesting different data visualisations. Some basic categories could be distribution, composition, change over time, and relationships between data. Something like each of these could have an example of an appropriate visualisation for either categorical, ordinal, or numerical data. For example:

  • Distribution
    • Bar chart (categorical data)
    • Histogram (numerical data)
  • Composition
    • Pie Chart, Stacked Bar Chart
  • Change over time
    • Line chart (numerical data)
  • Relationships
    • Scatterplot (numerical data)
    • Mosaic plot (categorical data)

Obviously, the above is a terribly rough sketch and I defer to your knowledge about categorisations, and what best visualisations best match them.

2 Likes

I like the starters, was hard to find them among the others while going through videos.

1 Like