Reading this month’s article from The Economist, was a bit jarring, though not surprising as they discussed the marketplace for human bodies and body parts used in academic instruction.

Why the Cost of a Human Head has Plummeted

VictoryVR

victoryvr

Meet the Winners of Startups in North and Central America

What if historical figures lived today? Imagine, if you will, a world where Julius Caesar wasn’t just conquering lands but also the trending page, or Cleopatra wasn’t merely ruling Egypt but also the YouTube beauty community. I’ve reimagined some of the historical figures as today’s top influencers. Julius Caesar: The Empire Builder Instagram and Clubhouse Platforms: @TheRealEmperor Brand name: “From Senate to Start-up,” where he spills the tea on leadership skills. “From Gaul to Glory” — weekly adversity tales that rival the most dramatic telenovelas. Plus, tutorials on staying sharp in a toga. Topics: Limited edition gold-leaf Caesar crowns paired with a trendy beginner’s guide to Latin. Online course: “From Foe to Friend: The Caesar Charm School” because who said old-world charm is dead? And for the fitness fanatics, a workout plan with the catchphrase: “Conquer your workouts like you would Gaul.” Products: #JuliusJourneys #TogaTrends #GaulGains Hashtags: Cleopatra: The Original Queen Bee YouTube and Snapchat Platforms: @CleopatraCouture Brand name: Dive into queenly beauty hacks from the Nile that even the Kardashians would be jealous of. Weekly diplomacy diva sessions where Cleo drops truth bombs and gripping snakebite survival stories (move over, Bear Grylls). Topics: Adorn your desk with Cleopatra’s jewel-encrusted keyboard collection. DIY milk bath kits — “Soak Like a Queen” because self-care is always in. And, of course, an online summit: “From Pyramids to Platforms: Branding Like a Pharaoh.” Products: #QueenOfTheNile #CleoGlowUp #PharaohFabulous Hashtags: Sun Tzu: Your Strategy Guy Podcast and TikTok Platforms: @StrategistSun Brand name: Weekly “Art of War” business blitzes that make regular strategy sessions look like child’s play. “Mind Over Melee” mental challenges to train your brain. Plus, peace-time power play sessions for when you want to conquer, but keep it chill. Topics: Start your day right with the “Be the General of your Day” morning routine box. Plan your empire with the “War Room Wisdom” monthly planners and, of course, stealth-branded hoodies to awaken the ninja. Products: Hashtags: #WarriorWisdom #SunSessions #TzuTactics Socrates: The OG Question Master Medium and Twitter Platforms: @QuestionThisLife Brand name: Daily brain-twisting questions designed to elevate your existence and turn your morning coffee contemplative. Dive into “Plato’s Playlist,” a curated list of ageless wisdom from the ancient world. Plus, interactive, hemlock-free debate zones. Topics: “Think Deep, Drink Deep” philosophy over wine glasses. Subscribe to a box of monthly mind-benders because who needs Sudoku? Plus, “Dialogues with Socrates” mentorship webinars for the thousand true fans. Products: #SocraticQueries #DeepDiveDaily #PonderWithPlato Hashtags: Joan of Arc: The Fearless Femme LinkedIn and IGTV Platforms: @JoanJolts Brand name: Weekly “Armor in the Boardroom” sessions — being female, fearless, and breaking glass ceilings (with a sword). “Visionary Vibes”: Turn your midnight dreams into world-changing realities. And chill fireside chats (literal fire not included for safety reasons). Topics: Collaboration with Alicia Keys — “She’s on Fire” motivational cassette. Visionary leadership webinars (and, for an extra fee, real armour for those tough board meetings). Plus, a Saint Joan medallion because we all need a little divine on our side. Products: #ArmorAndAmbition #JoanJams #FearlessFemale Hashtags: Leonardo da Vinci: The Genius Pinterest, YouTube, and Skillshare Platforms: @LeosLounge Brand name: Dive into “Renaissance Routines” tailored for the modern creator. Bi-weekly chopper talks where Da Vinci muses on flying machines. And a revamped “Vitruvian Man” series for the 21st-century human, exploring the intersection of art, science, and the human body. Topics: DaVinci doodle drawing kits that make stick figures a thing of the past. “Mona Lisa Smile” morning affirmation cards to start your day with mystery and allure. And workshops titled “Unleashing your Inner Polymath” because why master one field when you can master them all? Products: #DaVinciDesigns #MonaMagic #PolymathPaths Hashtags: Queen Elizabeth II: The Monarch of Modern Times Instagram Live and Pinterest Boards Platforms: @LizTwoTrue Brand name: A window into “Windsor Whispers”: candid moments from Buckingham to Balmoral. Discover “Crown & Country,” a series showcasing the balance of tradition and progress. And for fashionistas, dive into “Hats & Handbags,” where timeless elegance meets modern flair. Topics: Elevate your style with the “Regal Radiance” accessory line, featuring brooches and scarves inspired by Her Majesty’s iconic looks. Dive into “Palace Protocols,” an online etiquette masterclass. And, for dog lovers, follow the “Corgi Chronicles” — an IG account, dishing on the royal pups’ adventures. Products: #LizLives #CrownChronicles #CorgyLife Hashtags: Confucius: The Sage of Social Media TikTok and In-Person Workshops Platforms: @ConfuciusClips Brand name: Start your day with “Wise Up With Confucius” daily bytes, offering bite-sized wisdom in between your cat videos. Dive deep into “Harmonize Your Hustle,” ancient strategies adapted for the 9–5 grind. Topics: Need advice? Introducing the “Ancestors’ Answer” oracle cards. Get your hands on harmony-at-home kits for that perfect Feng Shui living space. And don’t miss out on the “Family First” online workshop series — because if there’s one thing more complex than office politics, it’s family! Products: #ConfuciusConfessions #HarmonyHustle #NoodleNotes Hashtags: Marcus Aurelius: The Tim Ferriss of The Past Spotify and Patreon Platforms: @StoicStudio Brand name: Deep dive into modern stoicism tailored for the weekend warrior with “Meditative Musings for Metro Lives.” Sip on some candid “Coffee Thoughts” episodes. Let’s not forget the “Biohack Your Productivity Into Better Psychodelic Trip.” Topics: “Empire State of Mind” audio journaling prompts. Join “The Stoic Start-Up” online boot camp — resilience training with a touch of Roman flair. And jot down your daily reflections on “Meditations” themed notepads — old world charm, new world insights. Products: #MarcusMentions #StoicSips #EmpireEssentials Hashtags: Winston Churchill: The Bulldog of Branding Instagram Live and Podcasts Platforms: @ChurchillCharisma Brand name: Catch “Churchill Chats,” where Winston spills tea (or rather, whisky) on leading during tumultuous times and his candid takes on modern politics. Dive into “War Room Whispers,” a segment where he dishes on secrets from the historic bunkers. And don’t miss “Cigar Sessions” — smoky, insightful tales on diplomacy, decisions, and daring. Topics: Elevate your office with the “Churchill Choice” — a curated monthly box of Winston’s favourite cigars paired with tasting notes. Hungry for some leadership finesse? Sign up for “Victory Vignettes,” an online course on triumphing over adversity. If you’re feeling particularly cheeky, snag a limited edition “Winston’s Witticisms” calendar, keeping you chuckling and charged all year long. Products: #ChurchillChuckles #BulldogBranding #VictoryVibes Hashtags: Marie Curie: Radioactive Radiance Instagram Stories and TED Talks Platforms: @SassyScientist Brand name: Tune into “Curie’s Lab Chronicles,” where she demystifies the magic behind her glowing discoveries. Marie’s “Periodic Pointers” break down complex science into bite-sized, easy-to-digest content for budding chemists. And for those who appreciate a touch of drama, enjoy “Luminous Legacies” — candid stories of trials, triumphs, and the constant quest for knowledge. Topics: Grab the “Curie Kit” — a monthly science box with experiments you can conduct at home. Hungry for more? Join a masterclass: “From Pitchblende to Nobel Prizes.” And for those looking to add some sparkle to their wardrobe, check out the limited edition “Glow with Curie” line of luminescent jewellery. Products: #GlowGetter #CurieCraze #ScienceSass Hashtags: Jesus: The “Compassionate” Catalyst Instagram Live & Podcasts Platforms: @MiracleMentor Brand name: Dive deep with “Parable Perspectives,” where Jesus uses modern analogies to shine a light on age-old wisdom. “Mount Talks” are weekly heart-to-heart sessions where he delves into questions of faith, love, and transformation. And don’t miss out on “Miracle Moments” — astonishing real-life stories from followers who’ve found hope and healing. Topics: Elevate your spiritual journey with the “Blessed & Grateful” journal, designed to nurture gratitude and mindfulness. Craving deeper connections? Enrol in the “Walking on Water” meditation workshop series. Explore the “Nazareth Nurtured” collection: handcrafted sandals made in the very heart of where it all began. Products: #BlessedBeyondBelief #HealingHugs #ParablePerspectives Hashtags: Concluding The Digital Time Travel And there we have it — a peek into a world where history’s luminaries trade their traditional tools for smartphones. In all seriousness, we’re reminded that every age has its icons, its mediums, and its messages. The platforms may change, and the methods may evolve, but the quest to inspire (and sell) remains timeless. So, if you’re an influencer in the making, remember that the key to lasting influence isn’t just about trending — it’s about transcending. P.S. Who would you follow? Also published . here

If History Had Wi-Fi: Yesterday's Leaders, Today's Influencers

ইতিহাসে ওয়াই-ফাই থাকলে: গতকালের নেতারা, আজকের প্রভাবশালীরা

Wenn die Geschichte WLAN hätte: Die Führungskräfte von gestern, die Influencer von heute

Si la historia tuviera Wi-Fi: los líderes de ayer, los influyentes de hoy

Si l’histoire avait le Wi-Fi : les dirigeants d’hier, les influenceurs d’aujourd’hui

यदि इतिहास में वाई-फाई होता: कल के नेता, आज के प्रभावशाली व्यक्ति

もしも歴史に Wi-Fi があったら: 昨日のリーダー、今日の影響力者

역사에 Wi-Fi가 있었다면: 어제의 리더, 오늘의 영향력자

Se a história tivesse Wi-Fi: os líderes de ontem, os influenciadores de hoje

Если бы в истории был Wi-Fi: вчерашние лидеры, сегодняшние влиятельные лица

Tarihte Wi-Fi Olsaydı: Dünün Liderleri, Bugünün Etkileyicileri

Nếu lịch sử có Wi-Fi: Những nhà lãnh đạo của ngày hôm qua, những người có ảnh hưởng ngày nay

如果历史有 Wi-Fi：昨天的领导者，今天的影响者

In modern mobile application development, data visualization is a crucial part. Chart libraries play a key role in React Native applications, helping developers present and analyze data visually. There are many excellent chart libraries available in the React Native ecosystem. In this article, we will compare three popular chart libraries in the React Native community. Let's begin this comparative journey to delve into the differences between React Native ECharts, Victory Native, and React Native Chart Kit. Chart Library Introduction React Native Chart Kit was developed in 2018, it has been 5 years since its inception. With a cumulative download count of 2,840,757, it has garnered 2.5k+ stars on GitHub. It has become a highly popular library in the React Native community. React Native Chart Kit Victory Native is a chart library that was developed in 2015. It has been 7 years since its inception. With a high cumulative download count of 7,434,044, it has garnered an impressive 10.3k+ stars on GitHub. It is the longest-standing and most widely used chart library in the history of React Native. Victory Native React Native ECharts is a newly released chart library this year. It currently has 2,565 downloads and has received 363 stars on GitHub. As a rising star among React Native chart libraries, it holds great potential. With time, it is believed that will become one of the most popular chart libraries. React Native ECharts React Native ECharts Here is the comparison table for the basic data: React Native Chart Kit Victory Native React Native ECharts Creation Date 2018 2015 2023 Downloads 2,840,757 7,434,044 2565 Unpacked Size 399kB 78.4kB 169kB Github star 2.5k+ 10.3k+ 363 Last publish a year ago a month ago a month ago Comparison of Basic Principles The main approach is to utilize React Native's native view components to create the basic structure and layout of the charts, such as View, Text, etc. Additionally, libraries like react-native-svg and paths-js are used for rendering the charts with vector graphics. React Native Chart Kit also relies on React Native's native views combined with SVG for rendering. It also draws inspiration from D3 (Data-Driven Documents) by mapping data to chart elements and using scales to transform data values and positions. Victory Native fetches the SVG graphic data of ECharts charts and rewrites the SVGPainter of ECharts. By utilizing the existing chart data of ECharts, it renders the charts on the React Native side using either react-native-svg or react-native-skia. React Native ECharts Code Writing Comparison Let's take the commonly used area chart as an example. Now, let's see how they are implemented using the following code snippets: React Native Chart Kit import { LineChart } from"react-native-chart-kit";
import { StyleSheet, View, Text } from 'react-native';
const chartConfig = {
    backgroundGradientFrom: "#fff",
    backgroundGradientFromOpacity: 0,
    backgroundGradientTo: "#fff",
    backgroundGradientToOpacity: 0.5,
    color: (opacity = 1) => `rgba(14, 17, 22, ${opacity})`,
    strokeWidth: 2, // optional, default 3
    barPercentage: 0.5,
    useShadowColorFromDataset: false // optional
};
export const LineChart1 = props => {
    const data = {
        labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        // labels: props.date,
        datasets: [
          {
            data: [150, 230, 224, 218, 135, 147, 260],
            // color: (opacity = 1) => `rgba(134, 65, 244, ${opacity})`, // optional
            strokeWidth: 2 // optional
          }
        ],
      };
    return (
        <View style={styles.container}>
            <Text>React Native Chart Kit</Text>
            <LineChart
                data={data}
                width={400}
                height={200}
                yAxisInterval={1}
                animate
                chartConfig={chartConfig}
                withDots={false}
            />
      </View>
    )

} Victory Native import { StyleSheet, View, Text } from "react-native";
import {
  VictoryArea,
  VictoryChart,
  VictoryLine,
  VictoryTheme,
  VictoryScatter,
} from "victory-native";

export const LineChart2 = props => {
  const data = [
      { x: 'Mon', y: 150 },
      { x: 'Tue', y: 230 },
      { x: 'Wed', y: 224 },
      { x: 'Thu', y: 218 },
      { x: 'Fri', y: 135 },
      { x: 'Sat', y: 147 },
      { x: 'sun', y: 260 },
    ];
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Victory Native</Text>
      <VictoryChart
        theme={VictoryTheme.material}
        height={250}
        width={400}
      >
        <VictoryArea
          style={{ data: { fill: "rgba(230, 231, 231,0.8)" } }}
          data={data}
          animate={{
            duration: 2000,
            onLoad: { duration: 1000 },
          }}
        />
        <VictoryLine
          data={data}
          style={{ data: { stroke: "#d6d6d7", strokeWidth: 2 } }}
        />
        <VictoryScatter
          data={data}
          size={4}
          style={{ data: { fill: "#24262a" } }}
        />
      </VictoryChart>
    </View>
  );
}; React Native ECharts import { StyleSheet, Text, View } from 'react-native';
import { useRef, useEffect } from 'react';
import * as echarts from 'echarts/core';
import { LineChart } from 'echarts/charts';
import { GridComponent } from 'echarts/components';
import { SVGRenderer, SkiaChart } from '@wuba/react-native-echarts';
echarts.use([SVGRenderer, LineChart, GridComponent]);
export const LineCharts = props => {
  const skiaRef = useRef(null);
  useEffect(() => {
    const option = {
      xAxis: {
        type: 'category',
        data:  ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        splitLine: {
          show: true,
          lineStyle: {
            type: 'dashed',
          },}
      },
      yAxis: {
        type: 'value',
        min: 'dataMin',
        splitLine: {
          show: true,
          lineStyle: {
            type: 'dashed',
          },}
      },
      series: [
        {
          data: [150, 230, 224, 218, 135, 147, 260],
          type: 'line',
          areaStyle: {
            color: 'rgba(230, 231, 231,0.8)'
          },
          lineStyle: {
            color: '#d6d6d7'
          },
          symbol: 'circle',
          symbolSize: 8,
          itemStyle: {
            color: '#24262a',
          },
        },
      ],
    };
    let chart;
    if (skiaRef.current) {
      chart = echarts.init(skiaRef.current, 'light', {
        renderer: 'svg',
        width: 400,
        height: 300,
      });
      chart.setOption(option);
    }
    return () => chart?.dispose();
  }, []);
  return (
    <View style={styles.container}>
        <Text style={styles.title}>React Native ECharts</Text>
        <SkiaChart ref={skiaRef} />
    </View>
  );
} The effect is displayed as follows: From a code-writing perspective, is data-driven, so you typically pass in data and configure related styles through props. Most importantly, it acts more like a set of tools that you can DIY. You can use various components exposed by Victory to customize the charts according to your needs. For example, if you want to add a line and data points to the area chart, you would need to additionally include VictoryLine and VictoryScatter components. Victory Native React Native Echarts and are similar in usage. Both libraries centralize data and styles within the configuration options. They are more like fully featured tools that allow you to transform the charts by modifying the configurations. Comparatively, the configuration code for is simpler, but it may lack some advanced customization options. For example, enabling animation or setting a specific starting value for the y-axis might not be achievable. React Native Chart Kit React Native Chart Kit In terms of writing code, I prefer the configuration-based approach. It is straightforward, easy to grasp, and can improve development efficiency for developers. Development Experience Comparison of Rendering Performance When it comes to regular charts such as area, bar, and pie charts, all three libraries perform well with small datasets, providing smooth rendering. However, as the data size reaches the order of thousands, noticeable performance differences become apparent. and experience significant lags and, in the case of larger datasets, Victory may even crash. On the other hand, benefits from ECharts' default data sampling mechanism, which reduces the number of data points when rendering large amounts of data. This helps avoid overcrowding the chart and performance degradation. ECharts automatically sample a relatively small number of data points based on the width of the plotting area and the number of data points, reducing computational and rendering time. Victory Native React Native Chart Kit React Native ECharts Leveraging this mechanism, demonstrates significantly better rendering performance when dealing with large datasets. React Native ECharts Here is an example of rendering an area chart using randomly generated 200 data points: As we can see, still maintain relatively good rendering performance. On the other hand, adjustments to data and coordinates are required when using the other two libraries to meet specific business requirements. React Native ECharts When we increase the test data to 2000 points, exhibits noticeable rendering lag, while throws an error stating Maximum call stack size is exceeded. Meanwhile, , benefiting from data sampling, still deliver satisfactory rendering results: React Native Chart Kit Victory Native React Native ECharts Comparison of Chart Variety Currently, supports a relatively limited number of chart types. It mainly covers six specific types of charts, which can fulfill most basic business requirements. However, if there is a need for other types of charts, additional libraries may need to be introduced. React Native Chart Kit React Native Chart Kit The following image shows most of the chart types that can cover, and it can be seen that the variety is relatively limited. 😭 Currently, the developers are continuously maintaining the library and may add more chart types in the future. React Native Chart Kit When it comes to chart variety, offers a greater range compared to . However, due to the nature of Victory's approach, which involves assembling components to create different types of charts, developers need to have a good understanding of component composition and possess solid coding skills. Additionally, the examples provided on the official Victory website may not be beginner-friendly, as the supported chart instances may not be immediately intuitive. Overall, using requires a higher level of coding proficiency and logical thinking. Victory Native Victory Native React Native Chart Kit Victory Native The following image showcases the main components provided by Victory on their official website. It can be observed that there are significantly more options available compared to . Moreover, primarily relies on combining these components, such as points, lines, areas, and axes, to create various types of charts. This allows for a broader range of supported chart types. React Native Chart Kit Victory Native You can directly refer to the examples on the ECharts official website, where various types of charts are showcased in a highly intuitive manner. Developers can use the configuration options to customize the charts according to their needs. Currently, supports rendering most of the chart types that ECharts offers. React Native ECharts React Native ECharts utilizes the SVG data from ECharts, which means users can render a wide range of different chart types by simply following the examples provided on the ECharts website and configuring their settings😍 React Native ECharts The following image showcases some chart types that cannot be easily implemented or require complex combinations using other libraries. However, with , you can effortlessly achieve these charts by referring to the documentation🚀 React Native ECharts Comparison of Guide Getting started with primarily involves using the documentation and configuration options provided by the library's authors, which can be found on GitHub or npm. By referring to these resources, developers can easily implement chart rendering in their projects. React Native Chart Kit On the other hand, has its , where developers can assemble charts by referring to the provided components and related code in the documentation. However, the website offers a large number of components and elements, making it difficult for developers to quickly find the desired examples. Implementing complex charts often requires developers to think of their implementation methods, which can lower development efficiency. Victory Native website Compared to and , has several advantages: Victory Native React Native Chart Kit React Native ECharts Documents The description provided in the of is more clear, comprehensive, and provides ready-to-use examples. Developers can easily understand the library's features, configurations, and usage through the documentation. Additionally, there are numerous available on the official ECharts website, which further assists developers in quickly implementing various types of charts. official documentation Victory Native usage examples Online Preview Just like the ECharts library, provides an online preview and testing support. You can directly copy the chart configuration to see how it renders in React Native. React Native ECharts Click here for an online preview Multiterminal code also support component reuse on the web, enabling cross-platform requirements and achieving code sharing across multiple platforms. It effortlessly achieves code uniformity and ensures consistency of charts across different platforms, thus enhancing our development efficiency. React Native ECharts Support for two rendering modes supports two rendering modes: Svg and Skia. It is implemented based on react-native-svg and react-native-skia. react-native-skia utilizes the Skia Graphics Library, which is a high-performance graphics rendering engine that provides faster drawing and rendering speeds. It is a boon for developers who want to experience Skia's capabilities. React Native ECharts Conclusion Finally, let's compare the performance of these three chart libraries from the following perspectives: React Native Chart Kit Victory Native React Native ECharts Basic Chart Suitability ✅ ✅ ✅ Chart Variety ➖ ✅ ✅ Rendering for Large Data ➖ ➖ ✅ Ease of Development ✅ ➖ ✅ Multiterminal code ➖ ➖ ✅ It is undeniable that both and are excellent chart libraries for React Native. However, the newly introduced has certain advantages in terms of applicability and ease of entry. Especially in some relatively complex but common charts, such as path charts, radar charts, and candlestick charts, provides examples that allow developers to easily implement them by simply modifying the data in the example code. Victory Native React Native Chart Kit React Native ECharts React Native ECharts In these scenarios, is highly recommended as it greatly improves development efficiency. Additionally, for projects with a high demand for various types of charts, the rich collection of chart examples provided by makes it easier for us to handle diverse chart requirements😁 React Native ECharts React Native ECharts Author: xuanweiH Also published . here

React Native ECharts VS Victory Native VS React Native Chart Kit: Which Solution is Better?

While working on , we’re seeing a lot of different visualization libraries. Given that Cube.js provides an API layer for analytics on top of an SQL database and doesn’t play on the visualization field, any charting library can be used to build dashboards with it. That’s why we’re always on a search for a nice and developer-friendly visualization library. Cube.js The list below is for React-specific libraries. I’ll try to build almost the same stacked bar chart with axes formatting, legend and tooltip using every one of it. For the data backend, we’ll use Cube.js hosted on Heroku. I’ll also use , which uses the technique and doesn’t render anything itself, letting us build whatever we want with any charting library. Cube.js React binding render props Along the way, I’ll also use two very handy libraries— and for dates and numbers formatting, respectively. moment.js numeral.js As a data input, we are going to use the method from the Cube.js Javascript client. It returns an array of data, and in our case, it looks like this: resultSet.chartPivot() [
  { : , : , : , : },
  { : , : , : , : },
  …
] "x" "2017-01-01T00:00:00.000" "completed, Orders.count" 208 "processing, Orders.count" 252 "shipped, Orders.count" 233 "x" "2017-02-01T00:00:00.000" "completed, Orders.count" 188 "processing, Orders.count" 209 "shipped, Orders.count" 222 Now, let’s jump to the list. If you don’t see your favorite library or just want me to add one more—just ping me in this Public Slack Community . I’m happy to add as many libraries as I can to the list. Recharts provides a set of modular charting components and does a great job by letting you mix those components together to easily build things like a . Recharts composed line and bar chart It is the most popular library to date. It has more than 11k stars on Github, but a huge number (600 to date) of open issues as well. The documentation is quite extensive but lacks details in some parts. You can find a bunch of examples at , which could be a good starting point to building your own charts. Rechart’s website Recharts has a bunch of options for customization. Besides that, it allows low-level customization via custom SVG elements. Here is how to build our stacked bar chart in Recharts: In this and all the following examples I'm using colors, dateFormatter, and numberFormatter variables. Here is how they are defined: numberFormatter = numeral(item).format( ); dateFormatter = moment(item).format( ); colors = [ , , ]; const => item "0,0" const => item "MMM YY" const "#7DB3FF" "#49457B" "#FF7C78" ({ resultSet, colors, dateFormatter, numberFormatter }) => ( <BarChart data={resultSet.chartPivot()}>
      <XAxis tickFormatter={dateFormatter} dataKey="x" />
      <YAxis tickFormatter={numberFormatter} />
      {resultSet.seriesNames().map((series, i) => (
        <Bar
          stackId="a"
          dataKey={series}
          name={series.split(",")[0]}
          fill={colors[i]}
        />
      ))}
      <Legend />
      <Tooltip labelFormatter={dateFormatter} formatter={numberFormatter} />
    </BarChart>
  </ResponsiveContainer>
); export default < = = > ResponsiveContainer width "100%" height {300} Give it a try in the CodeSanbox. Victory follows the same composable pattern as Recharts. It is developed by , which has other solid open-source libraries besides Victory as well. It is the only library on the list that also works with React Native. Victory Formidable It’s the second most popular library after Recharts with more than 7K stars on Github, but has 5 times less open issues than Recharts. Victory has a . community chat on Spectrum It is and has an . well documented examples gallery Victory comes with two themes: grayscale and material, and allows you to create customer themes to have a consistent look across all the charts. Below you can see the code for our stacked bar chart with Victory: transformResult = resultSet.chartPivot().map( ({ : element.x, : element[series] })); ({ resultSet, dateFormatter, colors, numberFormatter }) => ( <VictoryChart
      containerComponent={
        <VictoryVoronoiContainer
          voronoiDimension="x"
          labels={(d, i) => `${resultSet.seriesNames()[i]}: ${d.y}`}
          labelComponent={
            <VictoryTooltip cornerRadius={0} flyoutStyle={{ fill: "white" }} />
          }
        />
      }
      domainPadding={{ x: 20, y: [0, 20] }}
    >
      <VictoryLegend
        colorScale={colors}
        data={resultSet.seriesNames().map(series => ({
          name: series.split(",")[0]
        }))}
        orientation="horizontal"
        y={275}
        x={130}
      />
      <VictoryAxis tickFormat={dateFormatter} tickCount={8} />
      <VictoryAxis dependentAxis />
      <VictoryStack colorScale={colors}>
        {resultSet.seriesNames().map((series, i) => (
          <VictoryBar key={i} data={transformResult(series, resultSet)} />
        ))}
      </VictoryStack>
    </VictoryChart>
  </div>
); const ( ) => series, resultSet => element x y export default < = > div height {300} Give it a try in the CodeSanbox. Nivo As well as Recharts and Victory, is built on top of D3 and is React-specific. But unlike previous libraries it is not composable. It provides one component per chart type and this component is configured via multiple props. Nivo is distributed as a set of packages for specific chart types, for example, @nivo/bar. So, one needs to install a specific package to use a specific chart type. Nivo The project itself is quite active; it has more than 5k stars on Github and almost 300 members in the . community chat It has interactive documentation, where you can build config for your chart. Although it is nice, It lacks a good old text API reference and search option. It also has a . It helped me a lot to shortcut the time to build the first chart. Same as Victory, Nivo lets you create your own theme to have a consistent look across all the charts. Storybook with examples We’re going to use the @nivo/bar package for our stack bar chart; you can find a code sample and demo below. CodeSandbox ticksFormmater = { valueIndex = data.map( i.x).indexOf(value); (valueIndex % .floor(data.length / ticksCount) === ) { dateFormatter(value);
  } ;
}; ({ resultSet, colors, dateFormatter, numberFormatter }) => ( <ResponsiveBar
      enableLabel={false}
      colors={colors}
      data={resultSet.chartPivot()}
      keys={resultSet.seriesNames()}
      indexBy="x"
      enableGridY={false}
      padding={0.3}
      margin={{ top: 60, right: 80, bottom: 60, left: 40 }}
      axisLeft={{
        format: numberFormatter
      }}
      axisBottom={{
        format: value =>
          ticksFormmater(8, value, resultSet.chartPivot(), dateFormatter)
      }}
      tooltip={({ id, value, color }) => (
        <strong style={{ color }}>
          {id.split(",")[0]}: {numberFormatter(value)}
        </strong>
      )}
      legends={[
        {
          anchor: "bottom",
          direction: "row",
          translateY: 50,
          itemsSpacing: 2,
          itemWidth: 150,
          itemHeight: 20,
          itemDirection: "left-to-right"
        }
      ]}
    />
  </div> //https://github.com/plouc/nivo/issues/138#issuecomment-373015114 const ( ) => ticksCount, value, data, dateFormatter const => i if Math 0 return return "" export default < = }}> div style {{ height: 300 ); Give it a try in the CodeSanbox. BizCharts is React-specific visualization library based on , a visualization grammar. It is backed by Alibaba and plays nicely with Ant Design Framework. BizCharts G2 It has almost 4k stars on Github, but the majority of development is in Chinese, same for most of the documentation. I think the team is doing a great job of translating the docs, but it is still a work in progress. Though, it lacks documentation in English the API is pretty straightforward. The only hard thing is to re-format the data into the specific format for the stacked chart. stackedChartData = { data = resultSet
    .pivot()
    .map( yValuesArray.map( ({ : resultSet.axisValuesString(xValues, ), : resultSet.axisValuesString(yValues, ), : m && .parseFloat(m)
      }))
    )
    .reduce( a.concat(b)); data;
}; ({ resultSet, dateFormatter, colors, numberFormatter }) => ( <Axis name="x" label={{ formatter: dateFormatter }} />
        <Axis label={{ formatter: numberFormatter }} name="measure" />
        <Tooltip />
        <Geom
          type="intervalStack"
          position={`x*measure`}
          color={["color", colors]}
        />
        <Legend itemFormatter={item => item.split(",")[0]} />
      </Chart>
    )}
  />
); const => resultSet const ( ) => { xValues, yValuesArray } ( ) => [yValues, m] x ", " color ", " measure Number ( ) => a, b return export default < = { } }} = = > Chart scale {{ x: tickCount: 10 height {400} data {stackedChartData(resultSet)} forceFit . Give it a try in the CodeSanbox React-vis is being developed by Uber and seems quite active with 5.4k Github stars, 150 open issues, and a lot of recent commits. It is modular, like most of the libraries on the list. It comes with some nice default styles, which should be imported separately as CSS files. React-vis Same as Nivo, it has Storybook with examples. The components API is also well documented. On the customization side you can control the look and feel via custom CSS styles. React-vis also provides a specific component for building custom SVG charts— . CustomSVGSeries The API is similar to Victory's. You can see I'm using almost the same transformResult from Victory's snippet. transformResult = resultSet
    .chartPivot()
    .map( ({ : .parse(element.x), : element[series] })); ({ resultSet, dateFormatter, colors, numberFormatter }) => ( <XAxis tickFormat={dateFormatter} tickSize={8} />
    <YAxis />
    {resultSet.seriesNames().map((series, i) => (
      <VerticalBarSeries
        cluster="stack 1"
        key={i}
        color={colors[i]}
        data={transformResult(series, resultSet, dateFormatter)}
      />
    ))}
    <DiscreteColorLegend
      colors={colors}
      items={resultSet.seriesNames().map(i => i.split(",")[0])}
      orientation="horizontal"
      style={{ position: "absolute", left: 130, bottom: -30 }}
    />
  </XYPlot>
); const ( ) => series, resultSet, dateFormatter => element x Date y export default < = = = = > XYPlot xType "time" height {300} width {500} stackBy "y" . Give it a try in the CodeSanbox If you don’t see your favorite library or just want me to add one more—just ping me in this Public Slack Community . I’m happy to add as many libraries as I can to the list.

Five Trending React Visualization Libraries 

In a long-overdue and resounding triumph for content creators everywhere, Tech-Gate.org, the notorious haven for copyright theft and flagrant DMCA violations, has been yanked from Google's index and de-hosted. This victory marks a significant win in the battle against those who believe that stealing the hard work of writers and journalists is not only acceptable but somehow defensible. Tech-Gate.org, a parasitic website that ballooned to over 1000 DMCA takedown notices listed in the Lumen database was a blight on the digital landscape. For years, it operated with brazen impunity, pilfering articles, images, and other creative works from unsuspecting authors and news outlets. The site shamelessly claimed stolen content as its own, all while maintaining an air of sanctimonious self-righteousness. The audacity of Tech-Gate.org knew no bounds. It was not just a minor player in the world of copyright infringement; it was a veritable cesspool of theft and deception. This wasn’t a case of an occasional misstep or a small-scale operation. No, Tech-Gate.org made a mockery of intellectual property laws with over a thousand documented violations, turning content creators into nothing more than unwitting donors to its exploitative agenda. For far too long, the operators of Tech-Gate.org thrived in their digital den of iniquity, using clever tricks and legal loopholes to keep their illegal activities out of reach. They assumed that their underhanded tactics could keep them shielded from the consequences, dismissing the rightful complaints of those whose work they had stolen. But now, as the dust settles on this monumental victory, we can finally say a resounding farewell to Tech-Gate.org. The removal of their site from Google’s index and their de-hosting serves as a powerful message: theft of intellectual property will not be tolerated, and those who engage in such nefarious activities will be held accountable. Many websites, including reputable news platforms, often source information or data from other sites. However, they typically take the time to learn, analyze, and carefully write their own articles, adding value by presenting the information in their own unique voice and style. It usually involves proper research, fact-checking, and original commentary that transforms the sourced material into something new and informative for their readers. In contrast, Tech-gate.org decided to take a more problematic approach by outright scraping content from other websites. Rather than creating original pieces or offering fresh perspectives, they republish writers' work under their own names without any meaningful alterations. While they may include a hyperlink back to the original source, these links are often embedded with irrelevant and spammy anchor text. Let this be a lesson to others who might be tempted to follow in Tech-Gate.org’s reprehensible footsteps. The digital age does not mean that the hard work of writers, journalists, and other content creators is up for grabs. The theft of creative works is not a victimless crime; it undermines the very essence of artistic and journalistic integrity. To all those who have been wronged, the victory is a reminder that justice is not only possible but inevitable. It stands as a testament to the relentless efforts of those who fight to protect intellectual property and the belief that every creator deserves their due respect and recompense. As I finally close this chapter, l ask you all to remain vigilant and committed to defending the rights of creators everywhere. Tech-Gate.org may be gone, but the fight against copyright infringement continues. Let this victory fuel our resolve to uphold the principles of creativity and integrity. In a long-overdue and resounding triumph for content creators everywhere, Tech-Gate.org, the notorious haven for copyright theft and flagrant DMCA violations, has been yanked from Google's index and de-hosted. In a long-overdue and resounding triumph for content creators everywhere, Tech-Gate.org, the notorious haven for copyright theft and flagrant DMCA violations, has been yanked from Google's index and de-hosted. This victory marks a significant win in the battle against those who believe that stealing the hard work of writers and journalists is not only acceptable but somehow defensible. Tech-Gate.org, a parasitic website that ballooned to over 1000 DMCA takedown notices listed in the Lumen database was a blight on the digital landscape. For years, it operated with brazen impunity, pilfering articles, images, and other creative works from unsuspecting authors and news outlets. The site shamelessly claimed stolen content as its own, all while maintaining an air of sanctimonious self-righteousness. 1000 DMCA takedown notices Lumen database The audacity of Tech-Gate.org knew no bounds. It was not just a minor player in the world of copyright infringement; it was a veritable cesspool of theft and deception. This wasn’t a case of an occasional misstep or a small-scale operation. No, Tech-Gate.org made a mockery of intellectual property laws with over a thousand documented violations, turning content creators into nothing more than unwitting donors to its exploitative agenda. Tech-Gate.org content creators For far too long, the operators of Tech-Gate.org thrived in their digital den of iniquity, using clever tricks and legal loopholes to keep their illegal activities out of reach. They assumed that their underhanded tactics could keep them shielded from the consequences, dismissing the rightful complaints of those whose work they had stolen. But now, as the dust settles on this monumental victory, we can finally say a resounding farewell to Tech-Gate.org. The removal of their site from Google’s index and their de-hosting serves as a powerful message: theft of intellectual property will not be tolerated, and those who engage in such nefarious activities will be held accountable. Many websites, including reputable news platforms, often source information or data from other sites. However, they typically take the time to learn, analyze, and carefully write their own articles, adding value by presenting the information in their own unique voice and style. It usually involves proper research, fact-checking, and original commentary that transforms the sourced material into something new and informative for their readers. In contrast, Tech-gate.org decided to take a more problematic approach by outright scraping content from other websites. Rather than creating original pieces or offering fresh perspectives, they republish writers' work under their own names without any meaningful alterations. While they may include a hyperlink back to the original source, these links are often embedded with irrelevant and spammy anchor text. Let this be a lesson to others who might be tempted to follow in Tech-Gate.org’s reprehensible footsteps. The digital age does not mean that the hard work of writers, journalists, and other content creators is up for grabs. The theft of creative works is not a victimless crime; it undermines the very essence of artistic and journalistic integrity. To all those who have been wronged, the victory is a reminder that justice is not only possible but inevitable. It stands as a testament to the relentless efforts of those who fight to protect intellectual property and the belief that every creator deserves their due respect and recompense. As I finally close this chapter, l ask you all to remain vigilant and committed to defending the rights of creators everywhere. Tech-Gate.org may be gone, but the fight against copyright infringement continues. Let this victory fuel our resolve to uphold the principles of creativity and integrity.

Goodbye: A Major Victory In The Fight Against Copyright

The Noonification: Bitcoin Is Snailing to Global Victory (12/21/2023)

If governments had been orange-pilled first instead of citizens, it would have been the end of finance as we know it. A Brief History before UN Bitcoin My idea of Bitcoin starting in the hands of multiple governments and not a handful of individuals is one I find too good to leave to only one blog article. Two days ago, I introduced you to this idea with the article ‘ ’. To recap, I mentioned how it would have been genius beyond Da Vinci, Gauss and Einstein combined, if the great Satoshi Nakamoto had, on that fateful day when he published the Bitcoin white paper online, taken a major step back and stopped his finger from pressing the send key. The Big Boy train that Bitcoin missed “If I do this, Bitcoin will likely become a global phenomenon. But governments will have been left behind so they will play to sabotage the technology. They won’t be glad to play catch up. But if I get them in the lead, they will gladly play lead while citizens gladly play catch up. Citizens have unlimited energy for playing catch up to such great power - the power to own money. Satoshi’s personal notes (Timeline - UN Bitcoin). Moreover, the power is now decentralized and decentralization is by definition the foray of the individual”- I lack the philosophical and other devices of knowledge to properly capture what this means. But I think we would have gotten something to rival the very power of the internet itself. Something to rival any emerging AI technology. and surpass Something powerful enough to finance continuous human space exploration. So that we would have had humans on the moon this year, and humans on Mars 2 years later. The thing is, this would be a financial revolution as momentous as the invention of money. Maybe more. When money was invented, the economic energy for trade was finally captured in a singular good, which dramatically improved the efficiency of our markets. For example, prices were cut from an exponential number that increases with the number of market goods to prices only as many as the number of goods – all priced in the good we now call ‘money’. However, the invention of money was challenged by the fact that the power to own money was still vested, apriori, in the hands of Lords, Chiefs, Kings and Presidents of our time. These political rulers could control the money because the supply was centralized. Some gold mine somewhere, some cowrie shells beach somewhere. They could impose exorbitant taxes, they could inflate the currency, they could loot it. To invent a currency immune to all 3 would be magic. Because it would mean the power to control money would now be something everybody and every organization have to earn. Even Kingdoms and Empires. There has to be proof-of-work. Wanna loot someone’s coins? you might be utterly disappointed, embarrassed, and jobless faster than the time it takes a rocket to get into the exosphere. After all, even a King is an individual. This is what UN Bitcoin would have given us. Bitcoin gave us a diluted version of this, so no wonder it is snailing to global victory. Wall Street in the era of UN Bitcoin As I mentioned before, our collective greed would likely push the UN Bitcoin mining hash rate to 500 zetta hashes / second. Let’s go with a modest 50 zetta hashes per second, 100 times the hash rate of Bitcoin in our timeline. The market cap would likely 100x as well to make UN Bitcoin worth 80 trillion US Dollars circa. 2023. Let that sink in. This is almost the current (our timeline) world’s money supply, which is only $83 trillion and almost , so the world’s GDP would have doubled in 14 years! To move from one to 80 trillion dollars in 14 years would have broken Wall Street’s speedometer, with an average yearly return of 400%, ~40 times the growth rate of the S&P 500. the GDP of all countries combined As I mentioned before, this is not wealth replacing our other assets like energy resources, gold, silver, housing, technology companies. It is wealth adding on and boosting them. From hitherto unimagined sources prior to the 2008 market crash. Unlike CDOs, UN Bitcoin would actually be adding valuable things to the world economy. It would also be the greatest story of money to ever tell. The first thing is dramatic expansion of the electricity energy grid. UN Bitcoin would be using stranded energy from nuclear power, volcanoes and renewables to inch us closer to a Type 1 civilization on the Kardashev scale, and away from carbon-pollutant fossil fuels. With such a big market cap, billions of dollars of UN Bitcoin would be changing hands every day around the world, a lot of it going towards carbon capture and storage technologies. This would make many people excited about the future while they earn very handsome salary packages. Me too. The next thing is Wall Street itself. The invention of lecherous instruments like CDOs and Ponzi ‘crypto tokens’ would be banned and canceled because there would be really few people gullible enough to invest in derivative assets that do not provide more value. The idea of ballooning the global debt would be put somewhere in the FED’s not-to-do list and quickly forgotten, with the idea of sustaining the hash rate for the US government put front and centre. The FED would get an honest day job. UN Bitcoin money flows would be huge (billions) and asymmetric. Spread out to all corners of this planet. While the world’s governments would be leading on the mining front, hence collecting those pretty fees before most private enterprises, innovations like the lightning network would be mostly in the private domain. In Africa, it would greatly help sustain livelihoods for the disadvantaged, while growing the middle class in developing countries on the speedy growth of UN Bitcoin. Good housing would be ubiquitous even in slums, using 3D printers of plastic materials. Cheap electricity would be abundant as Bitcoin’s growth takes the electric grid wherever it goes. Cheap electricity would bring piped utilities like fresh water closer to everybody, hence bring cleanliness and disease-free environs even in our slums. World politics, music, fashion, social media, everything would be transformed in wonderful ways. It cannot be, because it is only a fairy tale. But as Walt Disney has shown us, fairy tales should be told. To give us hope and an ideal to look up to. ******************* P.S. >>  Who wants a comic strip?

Bitcoin Is Snailing to Global Victory

বিটকয়েন বিশ্বব্যাপী বিজয়ের দিকে ধাবিত হচ্ছে

Bitcoin ist auf dem Weg zum globalen Sieg

Bitcoin está avanzando hacia la victoria global

Bitcoin se dirige vers la victoire mondiale

बिटकॉइन वैश्विक विजय की ओर बढ़ रहा है

Stories, News & Mentions about VICTORYVR

Victoryvr’s Stories on HackerNoon

Victoryvr's News & Mentions