Skip to main content
SimilarExport ZIP
100%

Exitement about different visualisation techniques

✓ Published1🌍 Public
MMatthiasVanCampen
Last edited Jan 26, 2020
Created on Jan 26, 2020

This bar chart compares excitement scores for four visualization techniques: P6 Analytics, PBI, D3.js, and Qlik. D3.js receives the highest rating, while P6 Analytics is rated lowest. The visualization uses D3 v5 with an SVG renderer, employing `scaleLinear` for the x-axis, `scaleBand` for categorical y-axis placement, and `axisLeft`/`axisBottom` for labeled axes. The data is loaded from a local CSV file, with bars colored steelblue.

AI-generated description

This data comes from my own idea about how interesting different visualisation techniques can be in order to get an amazing Project Visualisation dashboard.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Ques2

This stacked bar chart compares the percentage distribution of ratings across six categories—Technology, Finance, Healthcare, Education, Sports, and Entertainment—using horizontal bars. Each bar is segmented into five rating bands, from "below 4.0" to "above 9,” with a legend in the right margin. The visualization uses D3 v7's `d3.stack()` to aggregate the data and `d3.scaleOrdinal()` for color mapping. An SVG renders the chart, while mouseover events display a tooltip showing the exact percentage for each segment. The data is loaded from a local CSV file.

Nnithinnc@outlook.com
71% match
Loading thumbnail…

Untitled

A bar chart displays the percentage of survey respondents ranking emerging technologies as most important, with values from 38% for Big Data Analytics down to 1% for 3D Printing. Built with D3 v5 in a React application, the SVG uses `scaleBand` and `scaleLinear` to position bars, a `scaleOrdinal` color range for hue variety, and text labels above each bar showing the percentage. Data loads from a CSV file, and bar heights derive from the `max` domain.

Hhireign
71% match
Loading thumbnail…

D3 Example

This example shows a horizontal bar chart comparing the number of Google search results for 14 visualization techniques, ranked from most to least common. The visualization uses D3.js version 3.5.5 to load a CSV file via `d3.csv`, then maps data to an ordinal y-scale and linear x-scale. It includes formatted tick labels that abbreviate large numbers with SI prefixes via `d3.format("s")`, plus a custom tooltip using `d3-tip` that displays exact result counts on mouseover. The chart is rendered as SVG with a Playfair Display font for axis text.

CCurran Kelleher
71% match
Loading thumbnail…

Activity 6_Q 2.1

This stacked bar plot displays the distribution of People, Process, and Technology scores across five departments, using horizontal bars segmented by category. Built with D3 v7, the visualization employs `d3.stack()` for data transformation, `d3.scaleOrdinal` for color encoding, and SVG rendering. Interactive tooltips reveal exact category counts on hover, while a legend identifies each segment. Data originates from a CSV file containing department-level metrics.

MMannava Priyanka Chowdary
70% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart visualizes the distribution of book ratings across six literary genres, with each bar divided into four rating categories from below 3.0 to above 4.5. The visualization uses D3 v7 with an SVG renderer, employing d3.stack for data transformation, d3.scaleOrdinal for color mapping, and d3.scaleBand for the categorical y-axis. Interactive tooltips appear on mouseover to display precise percentages for each rating segment, with data loaded from a local CSV file.

Gganeshseeram5decem@gmail.com
69% match
Loading thumbnail…

Untitled

This visualization shows survey responses across six professional categories, with bars colored by five response levels ranging from "Not at all" to "Tremendously." Each category displays a cluster of bars for the different response rates. The chart uses d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for the axes. Rectangles are animated into place using transition with random delays, and hover effects darken bar colors. A legend appears sequentially, and the y-axis fades in after the bars animate. The data comes from data.json.

EEagleV22
69% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of ratings across six categories (Technology, Finance, Healthcare, Education, Sports, Entertainment), with each bar segmented into five rating ranges from below 5.0 to above 8.5. The visualization uses d3.stack to compute cumulative segment positions, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the percentage x-axis, and d3.scaleOrdinal for color encoding. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment, while the SVG rendering includes axes with tick marks and custom styling from the linked CSS.

Ssaisnehapalle@my.unt.edu
69% 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
69% match