Datavis Tech Summary

100%

Datavis Tech Summary

✓ Published0🌍 Public

Last edited Oct 14, 2021

Created on Sep 28, 2021

This example summarizes Datavis Tech’s products and services using a clean, static SVG layout. It presents free courses, the VizHub platform, and fixed-price or hourly consulting options, with embedded hyperlinks and a call-to-action button. The page is styled with custom fonts (Comfortaa and Lato) and uses HTML and CSS flexbox for alignment, while the VizHub logo is rendered as inline SVG path data. No interactive or dynamic data visualization is included.

AI-generated description

Summary of Datavis Tech INC products and services.

I founded Datavis Tech INC. in 2016 and have used it as a vehicle for providing services to various clients over the years.

Availability for new work starts in October 2021.

You can hire me right now - schedule a free 15-min conversation to explore ways in which we can collaborate!

Or email me at curran@datavis.tech.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example demonstrates how to create a simple SVG visualization using D3.js within the VizHub environment. The code imports the `select` function from the D3 library and applies it to the page’s `svg` element, setting its background color to red. The accompanying HTML loads D3 v5.9.1 from a CDN and defines an empty 560×960 SVG canvas, while the CSS styles the page background, text, and font using the Ubuntu typeface from Google Fonts. The result is a minimal, static visual with no data processing or interactive elements.

Aashish2054

69% match

Loading thumbnail…

Data viz svg fundamentals

This example demonstrates fundamental D3.js and SVG techniques through a minimal VizHub setup. It loads D3 v5 via UNPKG and uses ES6 module imports to call the `select` function, which targets a DOM element with the ID `message`. The visualization displays static text generated from a separate local module, with styling applied through an external CSS file. It showcases basic data-viz scaffolding—importing libraries, modularizing code, and binding simple selections—without any interactive or animated elements.

Sshre1310

68% match

Loading thumbnail…

SVG Fundamentals

This example demonstrates the minimal setup required for a VizHub V3 visualization, serving as a foundational starting point. It renders a simple "Hello World!" text message using an inline HTML string that is inserted into the container element, with the font size controlled by a variable that can be adjusted interactively. The code exports a `main` function that receives a DIV element, and it does not rely on any external libraries or data sources. The visualization is purely static, showcasing the basic structure for hot reloading and interactive widget support in the VizHub environment.

Ssaeedusa@gmail.com

67% match

Loading thumbnail…

Hello VizHub

A static SVG scene demonstrates basic shapes and styling with D3 v5. The visualization renders circles, rectangles, lines, and a path inside a scaled group, using CSS classes to apply stroke properties. The HTML file includes D3 from a CDN, while separate JavaScript modules export a text message and select a DOM element to display it. The example highlights fundamental SVG rendering and ES6 module integration through D3’s select function.

Oowenizedd

67% match

Loading thumbnail…

SVG Fundamentals

This example demonstrates the fundamental structure of a VizHub V3 visualization, displaying the text “Hello God World!” centered within a container using inline HTML and CSS. The code exports a `main` function that receives a `container` DIV element, whose `clientWidth` and `clientHeight` can be measured for responsive layout. A `fontSize` variable is set to 222 pixels and rendered using a template literal inside `container.innerHTML`. The example introduces the runtime’s key patterns for state management and hot reloading, serving as a starting point for building interactive SVG-based charts.

Ggeneralsuboncomp@proton.me

67% match

Loading thumbnail…

vizhub_svg_basics

This example demonstrates the fundamental building blocks of SVG graphics, showing how basic shapes like circles, rectangles, and lines are rendered directly in an HTML page. The visualization uses inline SVG within an `index.html` file, illustrating both simple geometric elements and more complex paths constructed using SVG path commands. The code highlights CSS styling properties such as fill colors, stroke widths, and stroke colors, while the paths demonstrate both absolute coordinates (capital letters) and relative coordinates (lowercase letters) alongside various curve commands like cubic Bézier (C), elliptical arcs (A), and quadratic Bézier (Q). The example serves as a hands-on tutorial for creating vector graphics without external libraries.

Wwasti

67% match

Loading thumbnail…

Hello VizHub

This example renders a static SVG canvas containing basic geometric shapes—a red circle with a blue outline and a red square with an orange outline—alongside a grouped set of shapes transformed via the SVG `translate` attribute. The code uses D3.js v5, loaded from a CDN, and demonstrates direct SVG element construction within an HTML file. Styling is handled through an external CSS file that imports the Ubuntu font and sets a dark background. The visualization does not rely on data binding or interactive features, focusing instead on primitive shape composition and graphical styling.

Aasimplesinger

66% match

Loading thumbnail…

Fork of MrW's VizHub Experience 2020 (BACKUP)

This example is a backup of a journal-style dashboard showing a data visualization course experience. It displays a digital LED clock-style rendering of the year "2020" and a VizHub logo using HTML and CSS, with text styled via the LED Digital 7 webfont and layered text shadows for a neon glow effect. The page is rendered in SVG format and includes links to external resources like mrwatson.de and VizHub. The visualization is purely presentational, using CSS flexbox for centering and custom fonts for aesthetic emphasis.

SSampras Dsouza

66% match