Tell us what works and what could be better. We read every submission.
@allilevine·5 public vizzes
This example shows a Google Apps Script workflow that automatically invites people to a Slack workspace when they submit a Google Form. It uses the SpreadsheetApp trigger API to listen for form submissions, the UrlFetchApp service to call Slack’s `users.admin.invite` endpoint with an admin token, and the GmailApp service to send email notifications about new sign-ups. The script also includes an initialization function that sets up the form-submit trigger, and it maps form response columns to email, inviter name, and timestamp fields.
This example demonstrates smooth scrolling to anchor links within a React application, where clicking a link scrolls to a target section instead of jumping instantly. It shows a simple page with one link that triggers a scroll to a section with the id “section.” The code uses the `react-router-hash-link` library’s `HashLink` component to handle the anchor navigation, and the `smooth-scroll` library, initialized in `componentDidMount` with a selector for all links containing `href*="#"`, to animate the scrolling behavior.
This example documents the front-end workflow and tooling decisions from a Hack Oregon meeting, outlining a React and Redux-based architecture for connecting project story cards across a shared platform. It specifies the use of React Router for URL routing, React Storybook for building and documenting reusable components, and a component library referencing d3 methods for layout while relying on React Motion for animation. The notes also cover file structure conventions, duck-pattern Redux organization, linting, testing with coverage above 80%, and a GitHub-sourced component reference rather than npm packages.
This visualization tells a branching story about a dumpling through a sequence of text fragments, each rendered as a node in a force-directed graph. It shows how a narrative can be built from overlapping, timestamped user inputs that accumulate over time. The code uses `d3.forceSimulation` to position the text nodes and `d3.select` with `transition.attrTween` to animate their appearance. Each fragment is loaded from a gist, and the graph visually connects the entries in chronological order, revealing the story’s progression from “the beginning” to the duck’s fate.
This example demonstrates how to assign a random background image to the `#content` element from a generated list of 40 image file names. It uses Sass to construct an array of image paths with a `@for` loop, appending each file name to the array, then selects a random index with the `random()` function. The chosen image is applied via a CSS `background` property with a cover size, relying on Sass’s `append`, `nth`, and `length` functions rather than any JavaScript or external library.