Comment transformer vos données en tables interactives avec Silk

Les chiffres bruts et les informations ne sont pas très informatifs. Mettez-les dans des graphiques et des tableaux détaillés, et ils deviendront beaucoup plus utiles. Ensuite, transformez-les en graphiques et rendez les tableaux interactifs, et vous disposez des bases d'une configuration d'exploration de données qui donne vie à vos informations..

Silk est une application Web qui vous permet de transformer facilement vos données en tableaux et graphiques interactifs, puis de les partager avec tout le monde via une mini page Web. Vous pouvez vous en servir pour analyser des informations sur tout, des données relatives aux livres que vous possédez aux restaurants de votre ville d'origine, en passant par une comparaison des habitudes de consommation des meilleurs et des pires organismes de bienfaisance, et de tout ce que vous comparez avec des ensembles de données..

Dans ce tutoriel, je vais vous montrer comment importer des données dans Silk et les transformer automatiquement en diagrammes, en tableaux et en cartes. Je vous montrerai ensuite comment partager ce que vous créez, en transformant vos données en un mini site Web et en les intégrant ailleurs sur le Web..

Pour vous faciliter la tâche, je vais travailler avec des données sur les pizzerias confectionnés à Londres. Vous pouvez télécharger la pièce jointe Fake-Pizza-Restaurants.csv feuille de calcul pour utiliser les mêmes données à suivre, ou utilisez vos propres données si vous le souhaitez.

Obtenir des données en soie

Tout d’abord, vous devez créer un compte Silk. Vous serez invité à fournir les détails habituels tels que l'adresse e-mail et le mot de passe, ainsi que le nom de votre site Silk. Une URL sera générée pour vous en fonction du nom que vous choisissez, mais vous pouvez la changer si vous le souhaitez en cliquant sur changement sous le champ de texte Nom du site.

Une fois que vous vous êtes inscrit, l’écran Tableau de bord s’affiche. C'est ici que vous pouvez ajouter et éditer vos données.

Création d'une collection en soie

Silk structure les données de manière intuitive, mais utilise ses propres noms pour des éléments, ce qui peut paraître un peu étrange. Si vous imaginez que vos données sont dans un tableur, il est facile de traduire les termes de Silk en termes de tableur:

  • UNE collection est comme une table; c'est un collection de "choses" liées, comme les pizzerias dans mon exemple.
  • UNE page est une ligne dans la table; c'est une seule entrée dans l'ensemble de données. Une page dans l'exemple d'une pizzeria est un restaurant isolé.
  • UNE étiquette est une propriété, comme une colonne dans la table; c'est un point de données sur une entrée. L'exemple de restaurant de pizza a "adresse", "classement Yelp" et "Livraison" en tant que balises.

Saisir les données manuellement

Si votre ensemble de données est assez petit ou s'il ne figure pas déjà dans une feuille de calcul, vous pouvez le saisir manuellement dans Silk..

1. Créer une collection

En haut de la page du tableau de bord, vous verrez une zone de texte intitulée Créez votre première collection. Tapez le nom de la collection et cliquez sur le Ajouter bouton. Veillez à utiliser la forme singulière du mot que vous utilisez, telle que "restaurant" au lieu de "restaurants".

Nommer une collection

2. Ajouter des pages

Une fois que vous avez ajouté votre collection, le tableau de bord se mettra à jour pour vous permettre d'ajouter des pages à cette collection. Pour chacune des entrées du jeu de données, tapez le nom de la page qui lui correspond. Il s’agit généralement d’un nom ou parfois d’un autre type d’identifiant (un épisode Silk about TV peut par exemple utiliser le numéro de saison et le numéro d’épisode comme titre de page)..

Ajouter des lieux individuellement à votre ensemble.

3. Ajouter des tags

Vient maintenant la partie fastidieuse: ajouter des balises à chacune des pages de la collection. Pour ajouter des balises à une page, cliquez sur la page dans la liste pour accéder à sa page de modification. Pour la première page, vous devrez cliquer sur Ajoutez votre premier tag pour commencer. Tapez ensuite le nom de la balise, qui correspond au nom de la colonne dans l'analogie du tableur. Ensuite, tapez la valeur de la page en cours - la valeur dans la cellule de la feuille de calcul.

Ajoutez autant de faits que vous voulez

Vous pouvez utiliser le Languette touche pour se déplacer entre les noms et les valeurs des tags. Si vous modifiez actuellement la dernière balise de la liste et que vous appuyez sur la touche Tabulation, une nouvelle balise sera créée automatiquement. Si une étiquette peut prendre plusieurs valeurs comme une liste, appuyez sur Revenir entre les valeurs et vous pouvez ajouter plusieurs valeurs sous forme de liste à puces. Une fois que vous avez fini d’ajouter des balises à une page, cliquez sur Sauvegarder la page dans le coin supérieur droit de la page, puis cliquez sur Tableau de bord dans le coin supérieur gauche pour revenir au tableau de bord pour éditer la page suivante.

Lorsque vous éditez les pages suivantes, les noms des balises que vous avez utilisées auparavant seront affichés sur la page d'édition. ceux-ci peuvent être ajoutés en tapant simplement une valeur pour eux.

Une fiche de renseignements vierge pré-remplie avec les options de données que vous avez ajoutées à la première entrée.

Importer à partir de CSV

Si vos données sont dans une feuille de calcul et qu'il y a beaucoup d'entrées, il sera beaucoup plus rapide de les importer automatiquement dans Silk à partir d'un fichier CSV..

1. Préparez le tableur

S'il n'en existe pas déjà, ajoutez une ligne d'en-tête en haut de la table avec des noms pour chacune des colonnes. C'est ainsi que Silk détermine les noms des balises à créer. Ensuite, assurez-vous qu’il existe une colonne dans laquelle chaque entrée a une valeur unique. Ceux-ci seront utilisés comme noms de pages.

2. Exporter et télécharger le fichier CSV

Utilisez la fonctionnalité d'exportation de votre application de feuille de calcul pour exporter sous forme de fichier CSV. vous devrez peut-être sélectionner le Enregistrer sous option, puis choisissez CSV dans la liste déroulante des types de fichiers. Ensuite, dans la page Tableau de bord sur Silk, cliquez sur Importer un fichier CSV sur le côté gauche.

Téléchargez votre feuille de calcul CSV de données

Déposez votre fichier CSV sur la boîte ou cliquez sur la boîte pour le choisir dans le sélecteur de fichier. Un aperçu des pages à importer sera affiché. En haut, tapez le nom de la collection à créer à partir du fichier CSV..

Vérifiez vos informations d'importation

Vérifiez que l'aperçu correspond à vos attentes. Si une balise contient une liste de valeurs, cliquez sur l'icône en forme de crayon à côté de celle-ci et choisissez Convertir en plusieurs tags. Chacun des éléments de la liste sera séparé en une balise distincte, de la même manière que lorsque vous appuyez sur Retour lors de la saisie manuelle des données..

Convertissez vos tags depuis votre feuille de calcul.

Dans la liste déroulante située sous l'aperçu, sélectionnez la balise à utiliser comme nom de page. cela devrait être la colonne de valeurs uniques que vous avez créée précédemment. Lorsque vous êtes satisfait de la prévisualisation, cliquez sur Suivant et vos données seront importées.

Choisissez la colonne avec vos titres de page

Visualiser les données

Il existe différentes manières de visualiser les données dans Silk. Je vais passer en revue les trois principaux: graphiques, tableaux et cartes. Les autres formes de visualisation fonctionnent de manière similaire, de sorte que les techniques peuvent aussi être appliquées à celles-ci..

Pour commencer, dans le tableau de bord, cliquez sur Explorez cette collection ci-dessous le nom de la collection que vous souhaitez visualiser. Vous serez dirigé vers la page Explorer, qui vous permet de créer des graphiques, des tableaux, des cartes et plus encore avec vos données..

Sauter dans vos données

Créer une table

Si Table n'est pas déjà sélectionné dans la zone bleue dans le coin supérieur gauche, cliquez dessus et sélectionnez Table en haut de la liste déroulante. Ajoutez des colonnes à la table en cliquant sur Ajouter une colonne et en choisissant une étiquette dans la liste. Ils seront affichés dans l'ordre dans lequel vous les ajoutez..

Faites en sorte que la table soit comme vous le souhaitez.

Si vous souhaitez uniquement afficher les lignes correspondant à certains critères, choisissez Filtre en haut à gauche (au-dessus du bouton bleu du tableau) pour accéder au menu des filtres à gauche. Ajouter un nouveau filtre en cliquant sur Ajouter un filtre et en choisissant une balise pour filtrer par.

Les étiquettes peuvent être filtrées de différentes manières. cliquez sur le bouton "3 barres" dans le coin supérieur droit de la boîte de filtre et sélectionnez un type. Les différents types comprennent simplement les lignes pour lesquelles la valeur n'est pas vide, les lignes pour lesquelles la valeur contient du texte et les lignes avec une valeur numérique dans une plage spécifiée.

Filtrer vos données

Le tableau peut être trié par n'importe quelle balise en cliquant sur Plus sur le côté droit et en choisissant une étiquette à trier dans la liste déroulante. Si votre ensemble de données est volumineux, vous pouvez limiter le nombre d'entrées affichées à l'aide du bouton Articles maximum option.

Choisissez comment trier vos données

Créer un graphique

Choisissez un type de graphique (colonne, ligne ou secteur) dans la zone bleue située dans le coin supérieur en cliquant dessus et en effectuant une sélection dans la liste déroulante. Ensuite, choisissez les étiquettes à afficher en les sélectionnant dans les listes déroulantes en haut. Un graphique à colonnes et un graphique en courbes peuvent utiliser plusieurs balises, mais un graphique à secteurs ne peut en afficher qu'une. Seules les étiquettes numériques peuvent être sélectionnées pour les graphiques.

Tweak votre soie 

Les graphiques peuvent être filtrés de la même manière que les tableaux en utilisant le menu de filtres sur la gauche. Les graphiques peuvent également être triés de la même manière que les tableaux en cliquant sur Plus à droite.

Créer une carte

Choisissez Carte dans la zone bleue située dans le coin supérieur en cliquant dessus et en la sélectionnant dans la liste. Ensuite, choisissez une balise qui représente un emplacement en cliquant sur Ajouter un emplacement et en le choisissant dans la liste. Silk utilise l'API Google Maps pour afficher les emplacements. Les valeurs des balises doivent donc être dans un format permettant d'obtenir de bons résultats dans Google Maps. Les adresses exactes telles que "58 Mornington Terrace, Londres NW1 7RU" sont les meilleures, mais des valeurs plus générales telles que "Manhattan" ou même les noms de pays fonctionneront également..

Cliquez sur Plus sur le côté droit pour définir plus d'options:

Choisissez vos options de carte
  • Nombre parcelle change les épingles normales de Google Maps en cercles dont la taille est dictée par l’étiquette que vous choisissez. C'est un bon moyen de montrer l'emplacement des choses tout en montrant d'autres données en un coup d'œil.
  • Montrer sur popup vous permet de choisir les tags à afficher dans la fenêtre contextuelle qui apparaît lorsque vous cliquez sur une épingle sur la carte.

Les mêmes options de tri et de limite de taille que pour les graphiques et les tableaux sont également disponibles.

Partager des données

Le principal intérêt de Silk est de partager des données avec d’autres personnes. Il y a deux façons: en donnant aux gens l'accès au site Silk lui-même et en incorporant un seul graphique, tableau ou carte sur un autre site Web..

Utilisez le site Silk comme un mini-site

Silk ne dispose pas des outils de création de site les plus sophistiqués, mais il vous permet de personnaliser suffisamment de pages pour partager des données avec d'autres.

Pour commencer à modifier le site, cliquez sur son nom en haut à gauche de la page. Vous serez redirigé vers la page d'accueil du site, où vous verrez un orange Modifier la page d'accueil bouton en haut à droite.

Votre mini site web de Silk

Chaque fois que vous voyez une icône Plus, vous pouvez ajouter l’un des nombreux blocs de contenu différents. Sous Contenu sont des options telles que texte, images, vidéos et audio. Des graphiques, des tableaux et des cartes peuvent être ajoutés sous le Visualisation section. Enfin, certaines métadonnées peuvent être ajoutées, telles que des pages récemment ajoutées ou une table des matières, sous Vue d'ensemble.

Ajoutez le contenu que vous voulez sur votre site

Si vous ne souhaitez pas conserver les blocs ajoutés par défaut, survolez-les, un X apparaîtra dans le coin supérieur gauche. Cliquez dessus pour supprimer ce bloc.

Chacun des blocs est facile à utiliser. Pour les blocs Image et Fichier, vous pouvez glisser-déposer dessus pour les télécharger ou cliquer dessus pour les sélectionner dans le sélecteur de fichier. Pour la vidéo, l’audio et l’intégration, il suffit de coller un lien vers le contenu. Le bloc Twitter prend un nom d'utilisateur Twitter et l'utilise pour afficher les tweets de cet utilisateur..

Lorsque vous sélectionnez un bloc dans la section Visualisation, vous accédez à l'écran familier que vous utilisiez auparavant pour créer des visualisations. Lorsque vous avez terminé la construction, cliquez sur Terminé dans le coin en haut à droite et tout ce que vous avez créé sera placé sur la page.

Une fois que vous avez terminé de modifier une page, cliquez sur Sauvegarder les modifications pour voir à quoi ça ressemble en tant que page Web finie.

Chaque page peut être modifiée de la même manière, ce qui signifie que les pages Silk représentant vos données peuvent représenter plus que de simples entrées dans une base de données. Par exemple, sur chacune des pages de pizzeria, il se peut que je veuille ajouter du texte sur les restaurants et des images..

Intégrer des visualisations sur le Web

Au lieu d'utiliser Silk pour créer un site Web, vous pouvez simplement l'utiliser pour créer quelques graphiques ou cartes et les intégrer ailleurs sur le Web. Pour ce faire, dans la page Explorer, créez la visualisation que vous souhaitez mettre sur le Web, puis cliquez sur Partage inclus.

Les options Twitter et Facebook vous permettent de partager un lien vers ce graphique ou cette table uniquement. Le lien amène simplement les visiteurs vers la même page Explore sur laquelle vous avez cliqué sur Partager sur.

Copiez votre code d'intégration pour mettre Silk sur votre site.

L'option Incorporer vous donne le code HTML nécessaire pour afficher le graphique ou la table sur un autre site. Copiez-le et collez-le dans le code HTML de votre page (la plupart des CMS tels que WordPress, Tumblr, Squarespace et plus vous permettront de le faire)..

Conclusion

Dans ce tutoriel, je vous ai montré comment importer des données dans Silk, puis créer des visualisations et les partager avec d'autres. J'ai seulement abordé les différentes manières dont Silk peut vous aider à analyser les données, mais en utilisant ces outils, vous pouvez créer vos propres tableaux et visualisations uniques qui donnent vie à vos propres données.. 

Il existe de nombreuses façons d'utiliser un outil tel que Silk pour analyser vos données. Pour quelques idées, consultez la page Exemples de soie, ainsi que son blog sur la soie, qui comprend des idées uniques pour mettre Silk au travail et pour en tirer le meilleur parti..