Articles for the SVG tag
-
Heerich.js: Stacking Voxels Into Crisp SVG, No WebGL Required
0 views
Most 3D on the web means WebGL, shaders, and a render loop. Heerich.js takes the opposite road: it builds blocky voxel scenes and spits out plain, inspectable SVG you could open in a text editor.
-
SVGInject: Teaching Your Images to Speak CSS
1 view
An icon trapped inside an img tag is a sealed envelope: you can see it, but you cannot touch the words inside. SVGInject opens the envelope at runtime so CSS can read every line.
-
react-inlinesvg: Give Your SVGs CSS Superpowers
3 views
If you have ever tried to recolor an SVG loaded through an img tag and hit a wall, this little component is the answer you have been looking for.
-
visx: Airbnb's Low-Level Lego Bricks for React Charts
1 view
Charting libraries are fast until your designer hands you something they cannot draw. visx is Airbnb's answer: give you the primitives, let D3 do the math, and let React own the DOM.
-
Geometric.js: 2D Geometry Without the Class Ceremony
0 views
Sometimes you just need the area of a polygon, the centroid of a shape, or to know whether a click landed inside a region — without dragging in a GIS framework or learning a new object model. Geometric.js answers all of that with plain arrays and plain functions.
-
opentype.js: Turning Letters Into Vectors You Can Actually Touch
2 views
The browser will happily paint text on the screen, but it guards the actual shapes of letters like a secret. opentype.js hands you the key.
-
React Font Awesome: 30,000 Icons, One Tidy Component
0 views
Font Awesome has been the web's go-to icon library for years. Its official React component makes that giant catalog feel right at home in your component tree.
-
Billboard.js: D3-Powered Charts That Hit Number One
0 views
Tired of wrestling with raw D3.js to render a simple bar chart? Billboard.js wraps all that SVG-wrangling complexity into a clean, declarative API. With 20+ chart types, five built-in themes, and an official React wrapper, it puts D3's power at your fingertips without the learning cliff.
-
Slice and Dice Data with React Minimal Pie Chart
0 views
Dive into the world of sleek data visualization with react-minimal-pie-chart, a lightweight React library that packs a punch. Perfect for developers who want to create stunning pie charts without the bloat.
-
SVG Text Symphony: Orchestrating Words with react-svg-text
0 views
Dive into the world of SVG text manipulation with react-svg-text, a powerful library that extends the capabilities of standard SVG text elements in React applications. This article explores how to create responsive, aligned, and beautifully formatted text in your SVG graphics with ease.