Skip to main content
Scraps: visualization
6 items
You've successfully developed a visual representation that tracks and displays the patterns of your…
• **Visualization Tool Creation**: You've successfully developed a visual representation that tracks and displays the patterns of your research, bookmarks, and work activities on a weekly basis, connecting them in a sequential manner. • **Pattern Emergence**: The visualization has revealed distinct shapes and patterns in your research and work habits, suggesting a structured approach to your activities. • **Unclear Significance**: While the patterns are visible, their meaning and the reasons behind their formation remain unclear at this stage. • **Weekly Tracking**: The visualization covers a weekly timeframe, allowing you to analyze your activities and productivity on a regular basis. • **Sequential Linking**: By linking your activities sequentially, you've created a visual narrative of your work process, making it easier to understand the flow of your tasks and projects. • **Potential Insights**: Although the patterns' significance is currently unclear, they could potentially provide valuable insights into your work habits, productivity peaks, and areas for improvement once analyzed further. • **Further Investigation Needed**: To gain a deeper understanding of the patterns and their implications, you should consider exploring them in more detail, perhaps by categorizing activities, comparing patterns over time, or seeking external perspectives. • **Context**: This visualization was created to help you understand your work patterns better and potentially improve your productivity and efficiency. • **Next Steps**: To make the most of this tool, consider setting aside time to analyze the patterns, document your observations, and experiment with different ways of interpreting and acting upon the data. • **Potential Use Cases**: This visualization could be used to identify trends, optimize your schedule, set goals, or even track progress towards personal or professional development objectives. • **Unique Perspective**: By creating this visualization, you've gained a unique perspective on your work habits, one that is not typically provided by standard productivity tracking tools.
mastodonpostdiscussionJun 12, 2024
visualizationtoolresearchpersonal_productivity_analysiswork_pattern_visualizationself_tracking_tool_evolution
shared ↔ 1
Conf: tags 84% summary 100%
A two-dimensional political compass diagram with "Left" and "Right" on the horizontal axis and "The Best…
- Diagram - A two-dimensional political compass diagram with "Left" and "Right" on the horizontal axis and "The Best Things Are Yet to Come" and "The Best Things Have Already Happened" on the vertical axis. - Four quadrants are labeled: "Wokes" (top-left), "Autist Culture" (top-right), "Public Nostalgics" (bottom-left), and "Conservation" (bottom-right). - Each label has a parenthetical description, and two red arrows point from the origin to "Autist Culture" and "Public Nostalgics" respectively. - Two faint grey lines also extend from the origin towards "Wokes" and "Conservation".
arenablockarticleJun 10, 2024
datavisualizationpolitical_ideology_mappingcultural_divide_visualizationoptimism_pessimism_political_spectrum
image shared ↔ 4
Conf: tags 76% summary 100%
Two circular heatmaps side-by-side, labeled "Conservatives" and "Liberals" respectively, showing color…
• Diagram. • Two circular heatmaps side-by-side, labeled "Conservatives" and "Liberals" respectively, showing color gradients from blue to red on a dark gray background. • Each heatmap has concentric circles numbered from 1 to 16, with the "Conservatives" heatmap showing a peak in the red area around circle 4-5 and the "Liberals" heatmap showing a peak in the red area around circle 10-12. • Below the heatmaps are two color scales, one from 0 to 12 for the "Conservatives" heatmap and one from 0 to 20 for the "Liberals" heatmap. • A caption below the heatmaps reads: "Fig. 5 Heatmaps indicating highest moral allocation by ideology, Study 3a. Source data are provided as a Source Data file. Note. The highest value on the heatmap scale is 20 units for liberals, and 12 units for conservatives. Moral circle rings, from inner to outer, are described as follows: (1) all of your immediate family, (2) all of your extended family, (3) all of your closest friends, (4) all of your friends (including distant ones), (5) all of your acquaintances, (6) all people you have ever met, (7) all people in your country, (8) all people on your continent, (9) all people on all continents, (10) all mammals, (11) all amphibians, reptiles, mammals, fish, and birds, (12) all animals on earth including paramecia and amoebae, (13) all animals in the universe, including alien lifeforms, (14) all living things in the universe including plants and trees, (15) all natural things in the universe including inert entities such as rocks, (16) all things in existence".
arenablockarticleJun 7, 2024
datavisualizationmoral_foundations_theoryideological_divides_in_moralityexpanding_moral_circles
image shared
Conf: tags 76% summary 100%
An Intro to regl for Data Visualization - Jim Vallandingham
**Summary of "An Intro to regl for Data Visualization" by Jim Vallandingham** • **Purpose**: The article introduces the WebGL API regl for data visualization, aiming to simplify WebGL usage and improve performance. • **Author**: Jim Vallandingham, a data visualization expert and developer at The Pudding. • **Publication Date**: April 14, 2021. • **Key Insight**: regl abstracts away many of WebGL's complexities, making it easier to create and optimize data visualizations in the browser. • **What is regl?** - A thin, performant, and easy-to-use WebGL wrapper. - Allows drawing millions of points or triangles with minimal JavaScript overhead. - Supports instanced rendering, reducing draw calls and improving performance. • **Why use regl?** - **Simplicity**: regl simplifies WebGL's API, making it more accessible for data visualization tasks. - **Performance**: It reduces JavaScript overhead and enables instanced rendering for faster, smoother visualizations. - **Flexibility**: regl allows for dynamic changes in data and visual properties, enabling interactive and animated visualizations. • **Getting Started** - Include the regl library in your project: `<script src="https://unpkg.com/[email protected]/dist/regl.min.js"></script>`. - Initialize regl with a canvas element: `const regl = require('regl')({ canvas: document.getElementById('canvas') });`. • **Example**: The article demonstrates creating a simple scatter plot using regl, showcasing its ease of use and performance. • **regl's API** - **Draw**: The core function for drawing primitives (points, lines, triangles) with specified attributes and uniforms. - **Frame**: A loop that calls a provided function on each animation frame, useful for updating data and redrawing visualizations. - **Instanced**: A feature enabling instanced rendering, allowing multiple instances of a primitive to be drawn with a single draw call. • **Comparison with Three.js**: While Three.js is a popular library for creating 3D visualizations, regl offers better performance and simpler API for data visualization tasks. • **Limitations**: regl is focused on data visualization and may not be suitable for more complex 3D graphics tasks, where Three.js might be a better choice. • **Resources**: The article includes links to the regl GitHub repository, examples, and a guide for migrating from Three.js to regl. • **Why this was saved**: As a data visualization enthusiast, understanding and mastering regl can greatly improve the performance and ease of creating interactive and animated visualizations in the browser.
pinboardbookmarkarticleMay 26, 2024
datavisualizationjavascriptapiwebgl_adoptiondata_visualization_toolingbrowser_graphics_performance
image shared
Conf: tags 92% summary 100%
Author's Humorous Approach to Problem-Solving: The content is a humorous meme that captures the author's…
• **Author's Humorous Approach to Problem-Solving**: The content is a humorous meme that captures the author's unique problem-solving strategy, which involves creating graphics to tackle nearly any issue they encounter. • **Visual Thinking as a Troubleshooting Tool**: The meme suggests that the author uses visual thinking and graphic representation as a primary method to understand, analyze, and solve problems, indicating a strong reliance on visual learning and creative thinking. • **Versatility of Graphics in Problem-Solving**: The author implies that graphics can be applied to a wide range of problems, from complex technical issues to abstract concepts, highlighting the versatility of visual communication in problem-solving. • **Humor as a Coping Mechanism**: The meme uses humor to present this problem-solving approach, suggesting that the author might use humor as a coping mechanism when faced with challenges or as a way to make complex topics more accessible. • **Potential Limitations**: While the meme promotes the use of graphics for problem-solving, it doesn't explicitly address potential limitations, such as the time-consuming nature of creating graphics or the need for certain design skills. • **Saved for Personal Connection**: You saved this content because it resonates with your own problem-solving approach, which often involves visual thinking and creative visualization. It serves as a reminder and validation of your preferred problem-solving method. • **Potential Inspiration for Others**: The meme could serve as an inspiration for others who might benefit from incorporating visual thinking into their problem-solving processes, encouraging them to think outside the box and approach challenges from a different perspective. • **Context: Shared in a Group Chat**: You came across this meme in a group chat with colleagues, where it was shared as a light-hearted way to discuss problem-solving strategies and encourage creative thinking in the team. • **Date Saved**: The meme was saved on [insert date], which was around the time you were working on a particularly challenging project that required innovative solutions.
mastodonpostMar 1, 2024
shared
a diagram showing five aerial views of the same street area, each with a different colored overlay
• This is a diagram showing five aerial views of the same street area, each with a different colored overlay. • The top row shows three images: "Portion of Street Dedicated to Cars" (blue overlay), "Area Where You Can Be Killed by a Car" (red overlay), and "Area with Land Uses Dictated by Cars" (purple overlay). • The bottom row shows two images: "Area with Air Pollution from Cars" (yellow overlay) and "Area with Noise Pollution from Cars" (orange-yellow overlay). • Each image depicts a street with parked cars, buildings, and what appears to be a multi-lane road.
arenablockFeb 24, 2024
image shared