Skip to main content
SimilarExport ZIP
100%

Visualitation Task

✓ Published0🌍 Public
PPramana Yuda Sayeti
Last edited Aug 9, 2020
Created on Aug 9, 2020

This visualization presents a dashboard of participant data from a mock clinical trial CSV file, using bar and pie charts to show quiz completion status, document types, participant countries, and study types. It relies on Chart.js to render the charts, with D3.js (`csv`) for data loading, Underscore.js (`_.pluck`) for data extraction, and a custom `convertToArrObj` utility to transform frequency counts into chart-ready objects. The charts sort categorical data by frequency, and pie charts display tooltip percentages.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization Task Test

This visualization presents a document user consent dashboard, displaying participant data across multiple sites and studies. It shows bar, pie, and doughnut charts built with Chart.js, rendering frequencies of quiz completion status and document types. The application loads a mock CSV dataset using D3’s `csv` function, then filters and refreshes charts dynamically based on user selections from dropdown menus. It employs Underscore.js utilities like `_.pluck` for data extraction, with custom color generation and tooltip percentage calculations.

PPramana Yuda Sayeti
88% match
Loading thumbnail…

Pie Chart

This pie chart visualizes task completion data loaded from a CSV file, with each slice representing a data row. The chart uses React state to manage the asynchronous data fetch and renders SVG paths via D3’s arc generator. The pie is centered on a 960×500 canvas, with each path drawn from the center outward using fixed inner and outer radii, and equal angular spans derived from the data length.

AAditya Khandelwal
73% match
Loading thumbnail…

Project

This visualization presents a health data dashboard with three SVG charts. It includes a pie chart showing gender distribution, a bar chart displaying age distribution using d3.bin, and a scatter plot correlating glucose levels with BMI using d3.scaleLinear. The code uses d3.csv to load data and d3.rollup for aggregation, rendering all charts with D3 v7's SVG API.

Ppavanbellam@my.unt.edu
73% match
Loading thumbnail…

ProjectDV

This interactive visualization gallery presents four chart types—bar chart, line chart, histogram, and count plot—that users switch between via buttons. Each chart visualizes population data for ten countries loaded from a CSV file hosted on GitHub Gist. Built with React and D3 v6, the application uses the `csv` method to parse the dataset and dynamically renders each chart type on button click. The code references separate render functions for each visualization, though the concrete D3 scales and layouts are not included in the provided snippets.

Ssannihitha.k23@gmail.com
73% match
Loading thumbnail…

Charts, Charts, Charts

This visualization displays four distinct chart types side by side: a doughnut chart, bar chart, radar chart, and pie chart. Each chart presents a different dataset, such as airline passenger numbers, player skill ratings, and EU population figures. The code uses Chart.js 2.8.0 for rendering all charts onto canvas elements, while D3.js v7 handles loading CSV data from a GitHub gist. The bar chart and pie chart use hardcoded arrays, but the doughnut chart demonstrates fetching and parsing external CSV data.

Ddevvansh1997
73% match
Loading thumbnail…

Pie chart

This interactive pie chart shows the distribution of disease types from a CSV dataset, displaying the count and percentage of each category when hovered. Built with React and D3 v5, the visualization uses d3.pie to compute arc segments, d3.arc to generate paths, and d3.scaleOrdinal with schemeCategory10 for coloring. A tooltip appears on mouseover via d3.select, revealing disease name, count, and percentage.

Bbassansackey@gmail.com
73% match
Loading thumbnail…

Table

This interactive visualization gallery presents a collection of chart types, including bar charts, pie charts, line charts, and scatter plots, all built using D3.js v5. Each chart is rendered as an SVG element and can be selected from a dropdown menu, with the underlying data displayed in a preview table. The example uses various D3 APIs such as `d3.scaleBand`, `d3.axisBottom`, and `d3.pie` to create the visualizations, with some charts featuring animation and tooltip interactions. Data is loaded from a CSV file and processed by the dashboard module.

JJoker-tr
72% match
Loading thumbnail…

Task9_Question1

This visualization displays a pie chart of worldwide COVID-19 cases for 2020, highlighting the top 15 countries by reported case counts. The chart uses a legend with colored rectangles and text labels to identify each country alongside its corresponding number of cases. Built with React and D3 v5, the code employs `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a `schemeCategory10` color palette to render the SVG-based chart. Data is loaded from a gist-hosted CSV file, sorted descending by case numbers, and sliced to show only the leading countries.

Ssaitejauppu0206@gmail.com
72% match