Skip to main content
SimilarExport ZIP
100%

Gist dc8496d6b8cca60c4b5adb58c173b1d6

✓ Published0🌍 Public
RRCura
Last edited Mar 29, 2018
Created on Mar 29, 2018

This example demonstrates the initial data-wrangling steps for a visualization of a Cape Town flight dataset. It shows how raw, comma-delimited text data is read into R and then split into separate data frames based on a record-type code in the first column. The code uses the `readr` package’s `read_delim` function to ingest the file, and the `dplyr` package’s `filter`, `mutate`, and `select` verbs to isolate rows with codes 3, 4, and 5, adding a sequential ID and retaining specific column subsets for each code type. The resulting tidy data frames are primed for subsequent plotting or analysis.

AI-generated description

Similar vizzes

Loading thumbnail…

Data Summary

This example summarizes a large dataset of San Francisco International Airport passenger traffic statistics using Datalib. The visualization provides a quick overview of the data's shape—including its columns, types, and summary statistics—by processing a CSV file with over 10,000 rows (filtered to 2010 onward). The block forks Curran's "Data Table Summary" and uses D3 v4 to render the dataset in a concise, tabular format, making it easy to explore the structure and key attributes of the airline, route, and passenger count fields.

CCJKraenzle
64% match
Loading thumbnail…

Gist 05f4cffac50217bd0c33a538cb013563

This example visualizes geographic routing and geocoding workflows in R, showing how spatial data can be processed and mapped. It installs and loads packages for text mining, word clouds, and interactive map viewing, including `ggplot2`, `tm`, `wordcloud`, and `RColorBrewer` for static and corpus-based visualizations. The code also integrates the `photon` and `osrm` packages via `devtools` to access geocoding and routing APIs, enabling point-and-route calculations. The visualization pipeline combines spatial operations with text analytics, demonstrating a multi-step data enrichment and mapping process.

RRCura
63% match
Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This visualization displays a text summary of a flight dataset, showing its size in kilobytes, row count, and column count. It loads CSV data from a remote GitHub Gist using `d3.csv` and formats the analysis with `d3.csvFormat`. The page presents the message in a large `pre` element and includes a static SVG image. The code demonstrates asynchronous data fetching with Promises and uses D3.js v7 alongside basic HTML and CSS styling.

Nnagamaheswar
61% match
Loading thumbnail…

Fork of Airlines

This example demonstrates basic data loading and parsing by displaying a summary of flight information from a small, hardcoded CSV dataset. The visualization shows the file size in kilobytes, the total number of rows, and the column count within a styled HTML container. The code uses D3.js v5, specifically the `d3.csvParse` function to convert the CSV string into a JavaScript array of objects. It then retrieves the dataset's dimensions via `data.length` and `data.columns.length` and injects the result into the page using standard DOM manipulation through `document.getElementById`.

NNagasharan Sai Nandyala
61% match
Loading thumbnail…

ICE 5 Data Vizualization

This visualization displays a map of domestic flight routes using a static SVG image with an embedded base64-encoded JPEG background. A section at the top of the page presents metadata about the underlying dataset, including file size in kilobytes, row count, and column count. The code loads the flight route data programmatically from a GitHub Gist URL using `d3.csv()`. It then formats the data with `d3.csvFormat()` to calculate the size in kilobytes and accesses the properties `data.length` and `data.columns.length` to determine the number of rows and columns. The result is rendered into the page via the DOM property `textContent` on a `<pre>` element. The page itself is structured with HTML and styled with CSS, while the D3 library version 5 is loaded from a CDN.

RRohith Reddy
61% match
Loading thumbnail…

ICE 5: Loading and Parsing CSV Data with D3.js

This example demonstrates a simple air travel information page that loads a CSV dataset and displays its summary statistics. The page features a header, an airplane SVG image, and a text area showing the total dataset size in kilobytes, row count, and column count. Using D3.js version 7, the code fetches data from a GitHub gist via `d3.csv()`, formats it with `d3.csvFormat()`, and calculates the byte length by dividing by 1024. The interface is styled with custom CSS for a cohesive visual presentation.

Vvenkatajayanth03
60% match
Loading thumbnail…

Fork of Loading Data

This example demonstrates the asynchronous loading of airline flight data from a CSV file, displaying the parsed contents as a JSON string in a preformatted text element. The visualization uses D3 v7’s `csvParse` method to convert the raw text into an array of objects, with numeric fields explicitly coerced to numbers. The code manages a state machine—starting as undefined, transitioning to `'LOADING'`, then resolving to the final dataset—by fetching `data.csv` via the Fetch API and updating the DOM through `select` and `.join` methods. The data source is a Kaggle dataset of airline flights, though the included file uses iris sample data for demonstration.

EEmily Hudson
60% match
Loading thumbnail…

Fork of Airlines

This example demonstrates how to load and parse CSV data using D3 v5. It embeds a hardcoded CSV string containing flight information and parses it with `d3.csvParse`. The visualization displays a summary of the dataset, including its approximate size in kilobytes, the number of rows, and the number of columns. The results are rendered into a styled HTML div element using the `innerHTML` property, with basic CSS styling applied to the page.

NNagasharan Sai Nandyala
60% match